/* Дизайн-система «Золотой час» — токены
   Астро-бот Анастасии Булаткиной. Сгенерировано, не править вручную. */

:root{
  /* — примитивы: золото — */
  --gold-50: #FEFAF1;
  --gold-100: #FCF1DC;
  --gold-200: #F7E4BD;
  --gold-300: #F2D69B;
  --gold-400: #E8C476;
  --gold-500: #D8B056;
  --gold-600: #BD9539;
  --gold-700: #98782D;
  --gold-800: #6F5721;
  --gold-900: #4B3B15;
  /* — примитивы: тёплая нейтраль — */
  --ink-0: #FFFFFF;
  --ink-25: #FCFBF8;
  --ink-50: #F9F6F1;
  --ink-100: #F1EEE7;
  --ink-200: #E2DED5;
  --ink-300: #C8C4BA;
  --ink-400: #A39E93;
  --ink-500: #858074;
  --ink-600: #686357;
  --ink-700: #4D473A;
  --ink-800: #363022;
  --ink-900: #262013;
  --ink-950: #130F06;
  /* — примитивы: семантика — */
  --success: #327744;
  --success-bg: #E4F6E6;
  --warning: #A15B12;
  --warning-bg: #FFEBD9;
  --danger: #B3413E;
  --danger-bg: #FFE9E6;
  --info: #3F71A2;
  --info-bg: #E4F2FF;

  /* — поверхности и текст (светлая тема) — */
  --c-bg: #FFFFFF;
  --c-surface: #FFFFFF;
  --c-surface-2: #F9F6F1;
  --c-sunken: #F1EEE7;
  --c-border: #E2DED5;
  --c-border-2: #C8C4BA;
  --c-text: #262013;
  --c-text-2: #4D473A;
  --c-text-3: #686357;
  --c-accent: #8E702A;
  --c-accent-quiet: #FCF1DC;
  --c-on-gold: #262013;
  --c-glass: rgba(255,255,255,.82);
  --c-glass-border: rgba(255,255,255,.88);
  --c-glass-chrome: rgba(255,255,255,.72);
  --c-scrim: rgba(38,32,19,.44);
  --c-focus: #8F6B09;
  --shadow-focus: 0 0 0 2px var(--c-bg), 0 0 0 4px var(--c-focus);

  /* — градиент и свечение — */
  --gradient-gold: linear-gradient(135deg, #F2D69B 0%, #D8B056 100%);
  --gradient-gold-soft: linear-gradient(135deg, #F7E4BD 0%, #E8C476 100%);
  --aura: radial-gradient(58% 34% at 76% 18%, rgba(242,214,155,.62) 0%, rgba(242,214,155,0) 68%), radial-gradient(52% 30% at 14% 58%, rgba(216,176,86,.30) 0%, rgba(216,176,86,0) 70%);

  /* — типографика — */
  --font-display: "Unbounded", "Helvetica Neue", Arial, sans-serif;
  --font-text: "Manrope", "Helvetica Neue", Arial, sans-serif;
  --t-display-l-size: 28px;  --t-display-l-lh: 1.16;  --t-display-l-weight: 600;  --t-display-l-tracking: -0.022em;
  --t-display-m-size: 22px;  --t-display-m-lh: 1.2;  --t-display-m-weight: 600;  --t-display-m-tracking: -0.018em;
  --t-title-size: 17px;  --t-title-lh: 1.3;  --t-title-weight: 500;  --t-title-tracking: -0.010em;
  --t-body-l-size: 16px;  --t-body-l-lh: 1.5;  --t-body-l-weight: 400;  --t-body-l-tracking: 0;
  --t-body-size: 15px;  --t-body-lh: 1.47;  --t-body-weight: 400;  --t-body-tracking: 0;
  --t-body-s-size: 13.5px;  --t-body-s-lh: 1.45;  --t-body-s-weight: 400;  --t-body-s-tracking: 0;
  --t-label-size: 12px;  --t-label-lh: 1.3;  --t-label-weight: 600;  --t-label-tracking: 0.02em;
  --t-caption-size: 11px;  --t-caption-lh: 1.35;  --t-caption-weight: 500;  --t-caption-tracking: 0.01em;
  --t-overline-size: 10px;  --t-overline-lh: 1.3;  --t-overline-weight: 600;  --t-overline-tracking: 0.16em;

  /* — отступы (шаг 4px) — */
  --space-0: 0px;
  --space-1: 2px;
  --space-2: 4px;
  --space-3: 6px;
  --space-4: 8px;
  --space-5: 12px;
  --space-6: 16px;
  --space-7: 20px;
  --space-8: 24px;
  --space-9: 32px;
  --space-10: 40px;
  --space-11: 48px;
  --space-12: 64px;
  /* — радиусы — */
  --radius-xs: 5px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --radius-pill: 999px;
  /* — тени и размытие — */
  --shadow-glass: 0 4px 18px rgba(152,120,45,.13);
  --shadow-card: 0 6px 22px rgba(152,120,45,.16);
  --shadow-gold: 0 4px 16px rgba(216,176,86,.38);
  --shadow-lift: 0 10px 34px rgba(152,120,45,.20);
  --shadow-glow: 0 0 0 6px rgba(216,176,86,.16);
  --blur-glass: 14px;
  --blur-chrome: 18px;
  /* — движение — */
  --motion-fast: 120ms;
  --motion-base: 180ms;
  --motion-slow: 260ms;
  --motion-ease: cubic-bezier(.2,.8,.2,1);
  --motion-ease-out: cubic-bezier(0,.7,.3,1);
  /* — минимальные размеры касания — */
  --tap-min: 44px;  --tap-comfort: 48px;
}

/* Тёмная тема: Telegram отдаёт её примерно половине пользователей. */
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --c-bg: #0F0C07;
    --c-surface: #1C1912;
    --c-surface-2: #28251E;
    --c-sunken: #070603;
    --c-border: #36322B;
    --c-border-2: #4C473E;
    --c-text: #F1EEE9;
    --c-text-2: #BBB7AF;
    --c-text-3: #908C83;
    --c-accent: #F2D69B;
    --c-accent-quiet: #382C11;
    --c-on-gold: #262013;
    --c-glass: rgba(255,255,255,.07);
    --c-glass-border: rgba(255,255,255,.12);
    --c-glass-chrome: rgba(255,255,255,.05);
    --aura: radial-gradient(58% 34% at 76% 18%, rgba(216,176,86,.20) 0%, rgba(216,176,86,0) 68%), radial-gradient(52% 30% at 14% 58%, rgba(242,214,155,.10) 0%, rgba(242,214,155,0) 70%);
    --shadow-glass: 0 4px 18px rgba(0,0,0,.45);
    --shadow-card: 0 6px 22px rgba(0,0,0,.50);
    --shadow-lift: 0 10px 34px rgba(0,0,0,.55);
  --c-scrim: rgba(0,0,0,.62);
  --c-focus: #DBB970;
  --shadow-focus: 0 0 0 2px var(--c-bg), 0 0 0 4px var(--c-focus);
  --success: #88CA95;
  --success-bg: #122A18;
  --warning: #EEAE7B;
  --warning-bg: #38200A;
  --danger: #F08F87;
  --danger-bg: #3D1B18;
  --info: #90BCE9;
  --info-bg: #142537;
  }
}
[data-theme="dark"]{
  --c-bg: #0F0C07;
  --c-surface: #1C1912;
  --c-surface-2: #28251E;
  --c-sunken: #070603;
  --c-border: #36322B;
  --c-border-2: #4C473E;
  --c-text: #F1EEE9;
  --c-text-2: #BBB7AF;
  --c-text-3: #908C83;
  --c-accent: #F2D69B;
  --c-accent-quiet: #382C11;
  --c-on-gold: #262013;
  --c-glass: rgba(255,255,255,.07);
  --c-glass-border: rgba(255,255,255,.12);
  --c-glass-chrome: rgba(255,255,255,.05);
  --aura: radial-gradient(58% 34% at 76% 18%, rgba(216,176,86,.20) 0%, rgba(216,176,86,0) 68%), radial-gradient(52% 30% at 14% 58%, rgba(242,214,155,.10) 0%, rgba(242,214,155,0) 70%);
  --shadow-glass: 0 4px 18px rgba(0,0,0,.45);
  --shadow-card: 0 6px 22px rgba(0,0,0,.50);
  --shadow-lift: 0 10px 34px rgba(0,0,0,.55);
  --c-scrim: rgba(0,0,0,.62);
  --c-focus: #DBB970;
  --shadow-focus: 0 0 0 2px var(--c-bg), 0 0 0 4px var(--c-focus);
  --success: #88CA95;
  --success-bg: #122A18;
  --warning: #EEAE7B;
  --warning-bg: #38200A;
  --danger: #F08F87;
  --danger-bg: #3D1B18;
  --info: #90BCE9;
  --info-bg: #142537;
}
/* Явная светлая тема — нужна, когда нужно перебить системную тёмную. */
[data-theme="light"]{
  --c-scrim: rgba(38,32,19,.44);
  --c-focus: #8F6B09;
  --shadow-focus: 0 0 0 2px var(--c-bg), 0 0 0 4px var(--c-focus);
  --c-bg: #FFFFFF;
  --c-surface: #FFFFFF;
  --c-surface-2: #F9F6F1;
  --c-sunken: #F1EEE7;
  --c-border: #E2DED5;
  --c-border-2: #C8C4BA;
  --c-text: #262013;
  --c-text-2: #4D473A;
  --c-text-3: #686357;
  --c-accent: #8E702A;
  --c-accent-quiet: #FCF1DC;
  --c-on-gold: #262013;
  --c-glass: rgba(255,255,255,.82);
  --c-glass-border: rgba(255,255,255,.88);
  --c-glass-chrome: rgba(255,255,255,.72);
  --aura: radial-gradient(58% 34% at 76% 18%, rgba(242,214,155,.62) 0%, rgba(242,214,155,0) 68%), radial-gradient(52% 30% at 14% 58%, rgba(216,176,86,.30) 0%, rgba(216,176,86,0) 70%);
  --shadow-glass: 0 4px 18px rgba(152,120,45,.13);
  --shadow-card: 0 6px 22px rgba(152,120,45,.16);
  --shadow-lift: 0 10px 34px rgba(152,120,45,.20);
}