/* Дизайн-токены Ruslana Grey — выгружены из TOKENS_v5_orange.html (тёмная сторона бренда).
   Источник правды: /Бизнес/Мой сайт/TOKENS_v5_orange.html. Правки вносить там, потом выгружать сюда. */

:root {
            /* --- Gray (нейтральный, без синего подтона) --- */
            --gray-950: #0A0806;
            --gray-900: #110F0D;
            --gray-850: #181411;
            --gray-800: #201C19;
            --gray-700: #2E2924;
            --gray-600: #46403A;
            --gray-500: #6B6259;
            --gray-400: #9A8E84;
            --gray-300: #BDB2A8;
            --gray-200: #D4CBC1;
            --gray-100: #E8E0D8;
            --gray-50:  #F5F1ED;

            /* --- Orange (акцент) --- */
            --orange-900: #1A0900;
            --orange-800: #3D1800;
            --orange-700: #662900;
            --orange-600: #993D00;
            --orange-500: #CC5200;
            --orange-400: #FF6400;
            --orange-300: #FF8B40;
            --orange-200: #FFAA73;
            --orange-100: #FFCBA3;
            --orange-50:  #FFF0E6;

            /* --- Gold (вторичный, янтарно-жёлтый) --- */
            --gold-900: #1A1100;
            --gold-800: #3D2800;
            --gold-700: #664400;
            --gold-600: #996600;
            --gold-500: #CC8800;
            --gold-400: #FFA100;
            --gold-300: #FFB840;
            --gold-200: #FFCB73;
            --gold-100: #FFE0A3;
            --gold-50:  #FFF5E0;

            /* --- Teal (дополнительный — контраст к оранжевому) --- */
            --teal-900: #00120E;
            --teal-800: #00291F;
            --teal-700: #004035;
            --teal-600: #006A55;
            --teal-500: #008A6E;
            --teal-400: #00A383;
            --teal-300: #34D1B2;
            --teal-200: #5ED1BA;
            --teal-100: #9AE8D8;
            --teal-50:  #D9F5EF;

            /* --- Розовая шкала (v3) — акцент в радужных цепочках И для негативных состояний --- */
            --pink-950: #1C050A;
            --pink-900: #3D0B17;
            --pink-800: #661426;
            --pink-700: #991F3A;
            --pink-600: #CC2B52;
            --pink-500: #E63352;
            --pink-400: #F93E58;   /* основной, базовый — тот самый что был в v2 */
            --pink-300: #FF5E75;
            --pink-200: #FF8599;
            --pink-100: #FFB8C3;
            --pink-50:  #FFE5EA;

            /* --- Terminal-blue (v3) — для подсветки синтаксиса (пути, папки) и плашки «проектный уровень» --- */
            --blue-400: #6AA9FF;
            --blue-700: #2A4580;

            /* --- Semantic: Surfaces --- */
            --color-bg:              var(--bg-choice, #0E0D0B);
            --color-surface-1:       rgba(255,255,255,0.025);
            --color-surface-1-solid: var(--gray-900);
            --color-surface-2:       rgba(255,255,255,0.04);
            --color-surface-2-solid: var(--gray-850);
            --color-surface-3:       rgba(255,255,255,0.055);
            --color-surface-3-solid: var(--gray-800);
            --color-border:          var(--gray-700);
            /* v5: тёплый оранжево-розовый оттенок тонкой обводки — синхронизировано с landing-v5 */
            --color-border-subtle:   rgba(255,200,150,0.07);

            /* --- Semantic: Text --- */
            --color-text-primary:    var(--gray-50);
            --color-text-body:       var(--gray-200);
            --color-text-secondary:  var(--gray-400);
            --color-text-tertiary:   var(--gray-600);

            /* --- Semantic: Accent (Orange) --- */
            --color-accent:          var(--orange-400);
            --color-accent-deep:     var(--orange-500);
            --color-accent-hover:    var(--orange-300);
            --color-accent-muted:    var(--orange-700);
            --color-accent-subtle:   var(--orange-800);

            /* --- Semantic: Positive (Teal) --- */
            --color-positive:        var(--teal-400);
            --color-positive-muted:  var(--teal-700);
            --color-positive-subtle: var(--teal-900);

            /* --- Semantic: Highlight (Gold) --- */
            --color-highlight:       var(--gold-400);
            --color-highlight-muted: var(--gold-700);
            --color-highlight-subtle:var(--gold-900);

            /* --- Semantic (v3): Rainbow Pink + Negative + Terminal Blue --- */
            --color-rainbow-pink:    var(--pink-400);
            --color-negative:        var(--pink-500);
            --color-negative-subtle: var(--pink-900);
            --color-terminal-blue:   var(--blue-400);

            /* --- Gradients --- */
            --gradient-orange:       linear-gradient(135deg, var(--orange-400), var(--orange-600));
            --gradient-orange-muted: linear-gradient(135deg, var(--orange-700), var(--orange-900));
            --gradient-gold:         linear-gradient(135deg, var(--gold-400), var(--gold-600));
            --gradient-teal:         linear-gradient(135deg, var(--teal-400), var(--teal-600));
            --gradient-hero:         linear-gradient(135deg, var(--orange-400), var(--gold-500));

            /* --- Metric gradients --- */
            --gradient-metric-negative: linear-gradient(135deg, var(--pink-400), var(--pink-600));
            --gradient-metric-neutral:  linear-gradient(135deg, var(--gold-400), var(--gold-600));
            --gradient-metric-positive: linear-gradient(135deg, var(--teal-400), var(--teal-600));

            /* --- Glass --- */
            --glass-bg:          #141210;
            --glass-border:      rgba(255,200,150,0.07);
            --glass-bg-hover:    #1A1714;

            /* --- Typography (v4) --- */
            --font-heading:    'Inter', system-ui, -apple-system, sans-serif;
            --font-body:       'Inter', system-ui, -apple-system, sans-serif;
            --font-mono:       'JetBrains Mono', 'SF Mono', 'Fira Code', 'Consolas', monospace;
            /* v5: Serif-стек — Literata и для латиницы, и для кириллицы (синхронизировано с landing-v5) */
            --font-serif:      'Literata', 'Georgia', 'Times New Roman', serif;
            /* Для смешанных RU+EN фраз: только Literata (правило «один шрифт в одной фразе») */
            --font-serif-mix:  'Literata', 'Georgia', 'Times New Roman', serif;

            --text-xs:   11px;
            --text-sm:   13px;
            --text-base: 16px;
            --text-lg:   18px;
            --text-xl:   22px;
            --text-2xl:  28px;
            --text-3xl:  36px;
            --text-4xl:  48px;
            --text-5xl:  64px;

            --text-h1: clamp(36px, 7vw, 64px);
            --text-h2: clamp(28px, 5vw, 48px);
            --text-h3: clamp(22px, 4vw, 36px);

            --weight-regular:  400;
            --weight-medium:   500;
            --weight-semibold: 600;
            --weight-bold:     700;

            --tracking-heading: -0.05em;
            --tracking-tight:   -0.03em;
            --tracking-normal:   0;
            --tracking-wide:     0.06em;
            --tracking-caps:     0.1em;

            --leading-none:    0.92;
            --leading-tight:   1.1;
            --leading-snug:    1.3;
            --leading-normal:  1.5;
            --leading-relaxed: 1.7;

            /* --- Spacing --- */
            --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;
            --space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;
            --space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;

            /* --- Radius --- */
            --radius-xs:4px;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;
            --radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;

            /* --- Shadows --- */
            --shadow-sm:   0 2px 8px rgba(0,0,0,0.45);
            --shadow-md:   0 8px 24px rgba(0,0,0,0.55);
            --shadow-lg:   0 16px 48px rgba(0,0,0,0.65);
            --shadow-glow: 0 0 40px rgba(255,100,0,0.18);
            --shadow-glow-strong: 0 0 60px rgba(255,100,0,0.3);
            /* v5: усиленное свечение + бирюзовое — перенесены с landing-v5 */
            --shadow-glow-lg:   0 0 80px rgba(255,100,0,0.28);
            --shadow-glow-teal: 0 0 40px rgba(0,163,131,0.15);

            /* --- Animations --- */
            --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
            --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
            --dur-fast:150ms;--dur-normal:300ms;--dur-slow:500ms;--dur-slide:700ms;
        }