/* Дизайн-токены ASIANA. Сняты с актуального веба (git_flutter_web_python).
   Фиксированная светлая тема, фирменный циан. Единственный источник значений. */
:root {
  /* Бренд (циан, как в вебе) */
  --brand: #0096c7;
  --brand-hover: #0077b6;
  --brand-active: #006089;
  --brand-soft: #f0f7ff;
  --brand-soft-border: #d9ecfb;   /* рамка/разделители на brand-soft подложке */
  --brand-text: #ffffff;
  --grad-brand-cta: linear-gradient(135deg, #0096c7 0%, #0077b6 100%);
  --grad-hero: linear-gradient(135deg, #00d4aa 0%, #00b4d8 50%, #0096c7 100%);

  /* Поверхности и фон (фиксированная светлая) */
  --bg: #fafafa;
  --surface: #ffffff;
  --surface-alt: #f9fafb;
  --border: #e5e7eb;

  /* Текст */
  --text: #1a1a1a;
  --muted: #6b7280;
  --muted-strong: #4b5563;   /* приглушённый текст на тонированных подложках (WCAG AA) */
  --placeholder: #999999;

  /* Семантика: зелёный = выгода/бонус, оранжевый = условие/доставка */
  --success: #10b981;
  --success-ink: #0d9068;
  --success-soft: #e8f8f5;
  --success-border: #a7e9d7;
  --success-text: #ffffff;                   /* текст на сплошной зелёной заливке (бейдж «получено») */
  --success-glow: rgba(16, 185, 129, .4);   /* мягкое зелёное свечение — крупный win колеса */
  --danger: #ef4444;
  --danger-soft: #fee2e2;
  --warning: #f59e0b;
  --warning-ink: #cc6600;
  --warning-soft: #fff4e6;
  --warning-border: #ffb84d;

  /* Золото — статусные достижения (PLATINA): выделение среди прочих оповещений */
  --gold: #d4af37;
  --gold-ink: #8a6d1a;          /* тёмное золото для текста-заголовка */
  --gold-soft: #fdf6e3;         /* мягкая золотая подложка карточки */
  --gold-border: #e6c860;
  --gold-glow: rgba(212, 175, 55, .35);
  /* «Легендарный» золотой градиент — плашка персонального курса (win-back).
     ЯРКОЕ шинящее золото; текст тёмно-золотой (гравировка на медали), а не белый
     — иначе ради контраста золото уходит в горчичный. */
  --grad-legendary: linear-gradient(135deg, #ffe08a 0%, #f7c948 48%, #eaa520 100%);
  --legendary-ink: #5c4208;                 /* тёмно-золотой текст на ярком золоте */
  --legendary-ink-soft: #7a5a10;            /* подпись/стрелка */
  --legendary-glow: rgba(234, 165, 32, .5);

  /* Радиусы */
  --r-input: 10px;
  --r-card: 12px;
  --r-modal: 20px;
  --r-pill: 999px;

  /* Тени */
  --sh-card: 0 2px 8px rgba(0, 0, 0, .06);
  --sh-card-hover: 0 6px 16px rgba(0, 150, 199, .12);
  --sh-cta-hover: 0 8px 20px rgba(0, 138, 213, .3);
  --focus-ring: 0 0 0 4px rgba(0, 150, 199, .12);

  /* Типографика */
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono: "SF Mono", Monaco, ui-monospace, Menlo, Consolas, monospace;
  --fs-caption: .75rem;
  --fs-body: .875rem;
  --fs-body-lg: 1rem;
  --fs-h3: 1.25rem;
  --fs-h2: 1.5rem;
  --fs-h1: 1.75rem;
  --fs-input: 16px;       /* анти-зум iOS */
  --fw-regular: 400;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* Отступы / размеры */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --gutter: 20px;
  --touch: 44px;

  /* Плавающая кнопка поддержки (FAB) — глобальная, на каждой странице. */
  --fab-size: 56px;
  --z-fab: 90;                /* над баннерами (80), под sheet-overlay (100) */
  --shadow-float: 0 6px 18px rgba(0, 24, 40, 0.22);
}