/* ============================================================
   FORTUNA LUNA — DESIGN TOKENS
   Canon: night-sky palette (fortunaluna-cursor-instructions v2)
   ============================================================ */

:root {

  /* --- ЦВЕТ: ФОНЫ («ночное небо») --- */
  --fl-bg-base:        #080B14;   /* Главный фон */
  --fl-bg-surface:     #080B14;   /* Карточки, панели — то же ночное небо, без молочной подложки */
  --fl-bg-elevated:    #080B14;   /* Модалы / hover: ночь + золотая обводка, не сине-серый lift */
  --fl-bg-overlay:     rgba(8, 11, 20, 0.85);

  color-scheme: dark;

  /* --- ЦВЕТ: БРЕНД (лунное золото) --- */
  --fl-gold:           #C9A96E;
  --fl-gold-bright:    #E2C48A;
  --fl-gold-dim:       rgba(201, 169, 110, 0.12);
  --fl-gold-border:    rgba(201, 169, 110, 0.18);
  --fl-gold-border-hover: rgba(201, 169, 110, 0.45);

  --fl-silver:         #8BA8BF;   /* Вторичный акцент — луна/вода */
  --fl-steel:          #4A7FA5;   /* Мужская / Business аудитория */

  /* --- ЦВЕТ: ТЕКСТ --- */
  --fl-text-primary:   #F0EDE6;   /* Тёплый офф-вайт */
  --fl-text-secondary: #9A9690;   /* Приглушённый */
  --fl-text-muted:     #5C5A56;   /* Метки, плейсхолдеры */
  --fl-text-accent:    #C9A96E;
  --fl-text-inverse:   #080B14;   /* Текст на золотом фоне */

  /* --- ЦВЕТ: ИНТЕРАКТИВ --- */
  --fl-focus:          rgba(201, 169, 110, 0.5);
  --fl-error:          #E07070;
  --fl-success:        #70A87A;

  /* --- ТИПОГРАФИКА: ШРИФТЫ --- */
  --fl-font-serif:     'Cormorant Garamond', 'Georgia', serif;
  --fl-font-sans:      'DM Sans', 'Inter', system-ui, -apple-system, sans-serif;
  --fl-font-mono:      'JetBrains Mono', 'Fira Code', monospace;

  /* --- ТИПОГРАФИКА: РАЗМЕРЫ --- */
  --fl-text-xs:        0.75rem;
  --fl-text-sm:        0.875rem;
  --fl-text-base:      1rem;
  --fl-text-lg:        1.125rem;
  --fl-text-xl:        1.375rem;
  --fl-text-2xl:       1.75rem;
  --fl-text-3xl:       2.25rem;
  --fl-text-4xl:       3rem;
  --fl-text-hero:      clamp(2.5rem, 6vw, 4.5rem);

  /* --- ТИПОГРАФИКА: LINE-HEIGHT --- */
  --fl-lh-tight:       1.1;
  --fl-lh-snug:        1.3;
  --fl-lh-normal:      1.6;
  --fl-lh-relaxed:     1.75;

  /* --- ТИПОГРАФИКА: LETTER-SPACING --- */
  --fl-ls-tight:       -0.02em;
  --fl-ls-normal:      0;
  --fl-ls-wide:        0.05em;
  --fl-ls-wider:       0.1em;
  --fl-ls-caps:        0.12em;

  /* --- ПРОСТРАНСТВО Quiet Luxury (×4) + fl aliases --- */
  --ql-1:              4px;
  --ql-2:              8px;
  --ql-3:              16px;
  --ql-4:              24px;
  --ql-5:              32px;
  --ql-6:              48px;
  --ql-7:              64px;
  --fl-space-1:        var(--ql-1);
  --fl-space-2:        var(--ql-2);
  --fl-space-3:        var(--ql-3);
  --fl-space-4:        var(--ql-4);
  --fl-space-6:        var(--ql-5);
  --fl-space-8:        var(--ql-6);
  --fl-space-12:       var(--ql-7);
  --fl-space-16:       80px;
  --fl-space-20:       96px;
  --fl-space-section:  clamp(34px, 5vw, 55px);

  /* Chart / data viz */
  --fl-chart-accent:   var(--fl-gold);
  --fl-chart-grid:     rgba(201, 169, 110, 0.12);
  --fl-chart-proj-dash: 4 6;

  /* --- РАДИУСЫ --- */
  --fl-radius-sm:      6px;
  --fl-radius-md:      12px;
  --fl-radius-lg:      20px;
  --fl-radius-xl:      32px;
  --fl-radius-full:    9999px;

  /* --- ТЕНИ / СВЕЧЕНИЯ --- */
  --fl-glow-gold:      0 0 48px rgba(201, 169, 110, 0.10);
  --fl-glow-gold-md:   0 0 80px rgba(201, 169, 110, 0.15);
  --fl-shadow-card:    0 4px 24px rgba(0, 0, 0, 0.4);

  /* --- ПЕРЕХОДЫ --- */
  --fl-ease:           cubic-bezier(0.16, 1, 0.3, 1);
  --fl-ease-out:       cubic-bezier(0, 0, 0.2, 1);
  --fl-duration-fast:  0.15s;
  --fl-duration-base:  0.3s;
  --fl-duration-slow:  0.5s;

  /* --- Z-INDEX --- */
  --fl-z-base:         1;
  --fl-z-dropdown:     100;
  --fl-z-nav:          200;
  --fl-z-modal:        300;
  --fl-z-toast:        400;

  /* --- Bridge: legacy SPA tokens → design system --- */
  --bg: var(--fl-bg-base);
  --panel: var(--fl-bg-surface);
  --panel-elevated: var(--fl-bg-elevated);
  --text: var(--fl-text-primary);
  --muted: var(--fl-text-secondary);
  --accent: var(--fl-gold);
  --gold: var(--fl-gold);
  --gold-soft: var(--fl-gold-bright);
  --silver: var(--fl-silver);
  --line: var(--fl-gold-border);
  --line-strong: var(--fl-gold-border-hover);
  --danger: var(--fl-error);
}