:root {
  /* ═══════════════════════════════════════════
     КВАЗАР — редакционная система (де-AI)
     Нейтральный графит · бумага · один акцент
     ═══════════════════════════════════════════ */

  /* ── ТЁМНАЯ (по умолчанию, для экспертизы) ── */
  --color-void:        #0A0A0C;
  --color-bg:          #0E0E11;
  --color-bg-alt:      #141417;
  --color-surface:     #17171B;
  --color-surface-2:   #202026;

  /* ── АКЦЕНТ (используется точечно) ── */
  --color-gold:        #7FE6EF;   /* имя сохранено для совместимости */
  --color-gold-bright: #A6F0F6;
  --color-gold-dim:    #3E7E8C;

  --color-azure:       #3E7E8C;
  --color-azure-bright:#5AA0AE;
  --color-nebula:      #2C2C34;

  --color-accent:        var(--color-gold);
  --color-accent-hover:  var(--color-gold-bright);
  --color-accent-2:      var(--color-azure);

  /* ── ТЕКСТ ── */
  --color-text:        #F3F3F1;
  --color-text-muted:  #9C9CA4;
  --color-text-dim:    #5C5C64;
  --color-text-on-gold:#0A0A0C;

  /* ── ГРАНИЦЫ (минимально) ── */
  --color-border:        rgba(255,255,255,.08);
  --color-border-strong: rgba(255,255,255,.16);
  --color-border-gold:   rgba(127,230,239,.45);

  /* ── СВЕЧЕНИЕ (почти убрано, только CTA hover) ── */
  --glow-gold:  none;
  --glow-azure: none;

  /* ── ТЕМА-ЗАВИСИМЫЕ ── */
  --header-bg:          rgba(14,14,17,.78);
  --header-bg-scrolled: rgba(10,10,12,.92);
  --menu-bg:            rgba(10,10,12,.98);
  --overlay-bg:         rgba(10,10,12,.62);
  --logo-filter:        brightness(0) invert(1);
  --paper:             #F2F1EC;   /* бумага для светлых секций */

  --color-success: #57C99B;
  --color-error:   #E5645B;
  --color-warning: var(--color-gold);

  /* ═══════════ ТИПОГРАФИКА ═══════════ */
  --font-display: 'General Sans', 'Inter', system-ui, sans-serif;
  --font-sans:    'General Sans', 'Inter', system-ui, sans-serif;
  --font-mono:    'General Sans', 'Inter', sans-serif;

  /* Редакционная шкала с сильным контрастом */
  --text-xs:   0.8125rem;   /* 13 */
  --text-sm:   0.9375rem;   /* 15 */
  --text-base: 1.125rem;    /* 18 — body 18–20 */
  --text-lg:   1.25rem;     /* 20 */
  --text-xl:   1.5rem;      /* 24 */
  --text-2xl:  1.875rem;    /* 30 */
  --text-3xl:  2.25rem;     /* 36 — H3 28–40 */
  --text-4xl:  3rem;        /* 48 — H2 48–64 */
  --text-5xl:  4rem;        /* 64 */
  --text-6xl:  5rem;        /* 80 — H1 72–96 */
  --text-7xl:  6.5rem;      /* 104 */

  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semi:   600;
  --font-weight-bold:   700;
  --font-weight-black:  700;

  --leading-tight:   0.98;
  --leading-snug:    1.12;
  --leading-normal:  1.45;
  --leading-relaxed: 1.6;

  /* ── SPACING (плотнее на 25%) ── */
  --space-1: 0.25rem;  --space-2: 0.5rem;  --space-3: 0.75rem;
  --space-4: 1rem;     --space-5: 1.25rem; --space-6: 1.5rem;
  --space-7: 1.75rem;
  --space-8: 2rem;     --space-10: 2.5rem; --space-12: 3rem;
  --space-16: 3.5rem;  --space-20: 4.5rem; --space-24: 5.5rem;
  --space-32: 7rem;

  /* ── LAYOUT ── */
  --container-max: 1480px;
  --container-pad: clamp(1.25rem, 4vw, 4rem);
  --section-py:    clamp(3rem, 5vw, 5.5rem);
  --section-py-sm: clamp(1.75rem, 3vw, 2.75rem);

  /* ── РАДИУСЫ (минимальные, редакционные) ── */
  --radius-sm: 0.125rem;  --radius-md: 0.25rem;  --radius-lg: 0.375rem;
  --radius-xl: 0.5rem;    --radius-full: 9999px;

  /* ── ТЕНИ ── */
  --shadow-sm: 0 1px 2px rgba(0,0,0,.3);
  --shadow-md: 0 6px 24px rgba(0,0,0,.35);
  --shadow-lg: 0 16px 44px rgba(0,0,0,.42);
  --shadow-xl: 0 28px 70px rgba(0,0,0,.5);

  /* ── ПЕРЕХОДЫ (variable easing) ── */
  --transition-fast: 180ms cubic-bezier(.22,.61,.36,1);
  --transition-base: 320ms cubic-bezier(.22,.61,.36,1);
  --transition-slow: 600ms cubic-bezier(.16,.84,.44,1);

  /* ── Z-INDEX ── */
  --z-starfield: 0;
  --z-base:      1;
  --z-raised:    10;
  --z-dropdown:  100;
  --z-sticky:    200;
  --z-modal:     300;
}

/* ═══════════ СВЕТЛАЯ ТЕМА ═══════════ */
[data-theme="light"] {
  --color-void:        #E8E7E1;
  --color-bg:          #F4F3EE;
  --color-bg-alt:      #EAE9E2;
  --color-surface:     #FFFFFF;
  --color-surface-2:   #EDECE5;

  --color-gold:        #157E8C;
  --color-gold-bright: #0F6975;
  --color-gold-dim:    #3E7E8C;

  --color-text:        #14131A;
  --color-text-muted:  #4F4F57;
  --color-text-dim:    #86868E;
  --color-text-on-gold:#FFFFFF;

  --color-border:        rgba(20,19,26,.12);
  --color-border-strong: rgba(20,19,26,.22);
  --color-border-gold:   rgba(21,126,140,.4);

  --header-bg:          rgba(244,243,238,.82);
  --header-bg-scrolled: rgba(244,243,238,.94);
  --menu-bg:            rgba(244,243,238,.98);
  --overlay-bg:         rgba(20,19,26,.5);
  --logo-filter:        none;

  --shadow-sm: 0 1px 2px rgba(40,40,30,.08);
  --shadow-md: 0 6px 22px rgba(40,40,30,.10);
  --shadow-lg: 0 16px 40px rgba(40,40,30,.12);
}

/* Светлые секции внутри тёмной темы (кейсы, контент) */
.section--light {
  --color-bg-alt: #FFFFFF;
  --color-surface: #FFFFFF;
  --color-surface-2: #ECEBE4;
  --color-text: #14131A;
  --color-text-muted: #54545C;
  --color-text-dim: #8A8A92;
  --color-border: rgba(20,19,26,.10);
  --color-border-strong: rgba(20,19,26,.18);
  --logo-filter: none;
  background: var(--paper);
  color: var(--color-text);
}