/* ============================================================
   Дизайн-токены ayagleb.ru
   Палитра экосистемы AYA: петроль (#003841→#1f5a64) + золото (#e8a33d),
   фирменный перелив петроль→тил→золото→коралл.
   Тёмная тема по умолчанию, светлая — по [data-theme="light"].
   ============================================================ */

:root {
  /* --- Бренд (инвариант между темами) --- */
  --petrol-deep: #003841;
  --petrol: #1f5a64;
  --petrol-2: #2f6f78;
  --petrol-soft: #3a4a44;
  --gold: #e8a33d;          /* фирменное золото Глеба */
  --gold-2: #f0b95e;
  --gold-deep: #d6932f;
  --coral: #ff6b6b;
  --amber: #ff9f0a;

  /* Сигнатурный перелив AYA — для акцентных текстов/полос/hero */
  --grad-brand: linear-gradient(135deg, #003841 0%, #1f5a64 34%, #e8a33d 72%, #ff6b6b 100%);
  --grad-gold: linear-gradient(135deg, #f0b95e 0%, #e8a33d 55%, #d6932f 100%);
  --grad-petrol: linear-gradient(160deg, #2f6f78 0%, #1f5a64 50%, #003841 100%);

  /* --- Радиусы --- */
  --r-sm: 12px;
  --r-md: 16px;
  --r-lg: 20px;
  --r-xl: 24px;
  --r-pill: 999px;

  /* --- Тайминги/easing (как в экосистеме) --- */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 160ms;
  --dur: 240ms;
  --dur-slow: 520ms;

  /* --- Раскладка --- */
  --header-h: 68px;
  --maxw: 1120px;
  --maxw-narrow: 760px;
}

/* ===================== ТЁМНАЯ (по умолчанию) ===================== */
:root,
[data-theme="dark"] {
  color-scheme: dark;

  --bg: #0f1216;
  --bg-alt: #14181e;
  --surface: #181c23;
  --surface-2: #1e232c;
  --surface-glass: rgba(22, 26, 33, 0.62);
  --surface-glass-strong: rgba(20, 24, 30, 0.86);

  --text: #e9e7e2;
  --text-strong: #f5f3ee;
  --muted: #9aa0ac;
  --muted-2: #767c88;

  --accent: var(--gold);
  --accent-ink: #15120a;            /* текст на золотой кнопке */
  --accent-contrast: var(--gold-2);

  --border: hsla(0, 0%, 100%, 0.08);
  --border-strong: hsla(0, 0%, 100%, 0.14);
  --hairline: hsla(0, 0%, 100%, 0.06);
  --inset-hi: hsla(0, 0%, 100%, 0.07);

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.16), 0 8px 22px rgba(0, 0, 0, 0.20);
  --shadow-md: 0 2px 4px rgba(0, 0, 0, 0.16), 0 14px 32px rgba(0, 0, 0, 0.28);
  --shadow-lg: 0 4px 10px rgba(0, 0, 0, 0.18), 0 22px 46px rgba(0, 0, 0, 0.32);
  --glow-gold: 0 0 0 1px rgba(232, 163, 61, 0.18), 0 8px 30px rgba(232, 163, 61, 0.16);

  /* Свечения фона страницы/hero */
  --page-glow:
    radial-gradient(60% 50% at 12% -5%, rgba(31, 90, 100, 0.22), transparent 60%),
    radial-gradient(55% 45% at 100% 2%, rgba(232, 163, 61, 0.10), transparent 60%),
    radial-gradient(45% 40% at 85% 100%, rgba(0, 56, 65, 0.20), transparent 70%);

  --chip-bg: rgba(232, 163, 61, 0.12);
  --chip-ink: var(--gold-2);
}

/* ===================== СВЕТЛАЯ ===================== */
[data-theme="light"] {
  color-scheme: light;

  --bg: #f6f7fb;
  --bg-alt: #eef0f5;
  --surface: #ffffff;
  --surface-2: #f4f6fa;
  --surface-glass: rgba(255, 255, 255, 0.70);
  --surface-glass-strong: rgba(255, 255, 255, 0.90);

  --text: #1a1d22;
  --text-strong: #0d1014;
  --muted: #5c6270;
  --muted-2: #858b97;

  --accent: var(--gold-deep);
  --accent-ink: #fffdf7;
  --accent-contrast: var(--petrol);

  --border: rgba(40, 46, 54, 0.12);
  --border-strong: rgba(40, 46, 54, 0.20);
  --hairline: rgba(40, 46, 54, 0.08);
  --inset-hi: hsla(0, 0%, 100%, 0.9);

  --shadow-sm: 0 1px 2px rgba(0, 56, 65, 0.05), 0 8px 22px rgba(0, 56, 65, 0.07);
  --shadow-md: 0 1px 2px rgba(0, 56, 65, 0.05), 0 12px 30px rgba(0, 56, 65, 0.10);
  --shadow-lg: 0 2px 6px rgba(0, 56, 65, 0.08), 0 20px 44px rgba(0, 56, 65, 0.14);
  --glow-gold: 0 0 0 1px rgba(214, 147, 47, 0.22), 0 10px 30px rgba(214, 147, 47, 0.18);

  --page-glow:
    radial-gradient(60% 50% at 12% -5%, rgba(31, 90, 100, 0.10), transparent 60%),
    radial-gradient(55% 45% at 100% 2%, rgba(232, 163, 61, 0.10), transparent 60%),
    radial-gradient(45% 40% at 85% 100%, rgba(0, 56, 65, 0.06), transparent 70%);

  --chip-bg: rgba(214, 147, 47, 0.12);
  --chip-ink: var(--gold-deep);
}