/* Темы. Значения — с досок дизайна (.superstack/design: Main, Light, S0–S14).
   Все цвета — гипотезы (R20i), фирменными не названы.
   Роли: фон, глубина (шторки), текст, приглушённый, акцент. */

[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0A2523;
  --deep: #061816;
  --text: #F3EEE3;
  --text-hi: #FBF3E2;
  --soft: #F3EEE3;            /* второстепенный текст на поверхностях */
  --muted: #A9B3A6;
  --accent: #C8A35E;
  --accent-hi: #E9D3A1;
  --label: #E9D3A1;           /* подписи капсом */
  --line: rgba(244, 230, 196, 0.22);
  --line-soft: rgba(244, 230, 196, 0.12);
  --surface: rgba(243, 238, 227, 0.03);
  --chip: rgba(243, 238, 227, 0.08);
  --bar: rgba(6, 24, 22, 0.6);
  --bar-ring: rgba(244, 230, 196, 0.16);
  --seg: rgba(243, 238, 227, 0.22);
  --seg-now: #E9D3A1;
  --glow: rgba(233, 211, 161, 0.8);
  --err: #E8A890;
  --page-bg: #0A2523;
}

[data-theme="light"] {
  color-scheme: light;
  --bg: #F4EEE4;
  --deep: #FCF9F3;
  --text: #14302A;
  --text-hi: #14302A;
  --soft: #3E4A43;
  --muted: #5B6A61;
  --accent: #C9A15E;
  --accent-hi: #E3C47F;
  --label: #7D5E27;           /* бронза: подписи */
  --line: #E3D8C4;
  --line-soft: #E3D8C4;
  --surface: #FCF9F3;
  --chip: rgba(20, 48, 42, 0.06);
  --bar: rgba(252, 249, 243, 0.85);
  --bar-ring: #E3D8C4;
  --seg: rgba(20, 48, 42, 0.16);
  --seg-now: #14302A;
  --glow: rgba(20, 48, 42, 0);
  --err: #8A2E1F;
  --page-bg: #F4EEE4;
}

:root {
  --font-serif: 'Oranienbaum', serif;
  --font-sans: 'Montserrat', system-ui, sans-serif;

  /* Движение (1.2): только transform/opacity, 200–700 мс, одна кривая */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --t-fast: 200ms;
  --t-mid: 400ms;
  --t-slow: 600ms;

  /* Стекло (доски S0, Main): тонировка золотом, кромка 1 px, блик */
  --glass-bg: linear-gradient(162deg, rgba(196, 140, 60, 0.62) 0%, rgba(176, 122, 48, 0.56) 48%, rgba(132, 90, 34, 0.66) 100%);
  --glass-bg-soft: linear-gradient(162deg, rgba(196, 140, 60, 0.5) 0%, rgba(176, 122, 48, 0.42) 48%, rgba(132, 90, 34, 0.54) 100%);
  --pill-bg: linear-gradient(180deg, rgba(217, 174, 98, 0.22) 0%, rgba(84, 56, 18, 0.5) 50%, rgba(140, 96, 36, 0.4) 100%);
  --pill-ring: inset 0 0 0 1px rgba(244, 230, 196, 0.62), inset 0 1px 0 rgba(255, 250, 234, 0.8),
               inset 0 -8px 12px -9px rgba(255, 210, 138, 0.5), 0 0 20px -6px rgba(214, 166, 88, 0.55);
  --pill-press-bg: linear-gradient(180deg, rgba(233, 211, 161, 0.95) 0%, rgba(214, 172, 100, 0.92) 55%, rgba(190, 146, 74, 0.95) 100%);

  /* Отступы Telegram и системные; main.js дописывает --tg-safe-* */
  --tg-safe-top: 0px;
  --tg-safe-bottom: 0px;
  --safe-top: max(env(safe-area-inset-top, 0px), var(--tg-safe-top));
  --safe-bottom: max(env(safe-area-inset-bottom, 0px), var(--tg-safe-bottom));
}