/* ============================================================
   Мистеро — дизайн-токены
   Единственный источник правды для цвета, типографики,
   отступов, радиусов, теней и тайминга. Меняем только здесь.
   ============================================================ */

@layer tokens, base, layout, components, pages;

@layer tokens {

  :root {
    /* — Шрифты — */
    --font-display: "Fraunces", "Cormorant Garamond", "Times New Roman", serif;
    --font-text:    "Inter Tight", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-serif:   "Cormorant Garamond", "Fraunces", serif;
    --font-mono:    "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

    /* — Радиусы — */
    --r-xs: 4px;
    --r-sm: 6px;
    --r-md: 10px;
    --r-lg: 16px;
    --r-xl: 24px;
    --r-pill: 999px;

    /* — Раскладка — */
    --container: 1240px;
    --header-h: 69px;

    /* — Движение — */
    --ease: cubic-bezier(.2, .7, .2, 1);
    --t-fast: .18s;
    --t: .26s;
  }

  /* ---- Светлая тема (по умолчанию) ---- */
  :root,
  :root[data-theme="paper"] {
    --bg:   #F4EFE6;
    --bg-1: #EDE6D8;
    --bg-2: #E5DCC9;
    --bg-3: #1A1A22;
    --bg-4: #FAF6EC;

    --ink:   #1B1A28;
    --ink-2: #2C2B3A;
    --ink-3: #5A5867;
    --ink-4: #8C8A99;

    --ink-on-dark:   #F4EFE6;
    --ink-on-dark-2: #B5B0C2;

    --gold:    #B98A3E;
    --gold-hi: #D2A65A;
    --gold-lo: #8C6429;
    --rose:    #B85B57;

    --line:        rgba(27, 26, 40, .12);
    --line-soft:   rgba(27, 26, 40, .06);
    --line-strong: rgba(27, 26, 40, .22);
    --line-gold:   rgba(185, 138, 62, .35);

    --shadow-1: 0 1px 2px rgba(27, 26, 40, .04), 0 2px 8px rgba(27, 26, 40, .04);
    --shadow-2: 0 8px 24px rgba(27, 26, 40, .08), 0 2px 6px rgba(27, 26, 40, .04);
    --shadow-3: 0 24px 48px -12px rgba(27, 26, 40, .16), 0 8px 16px rgba(27, 26, 40, .06);
    --shadow-gold: 0 12px 32px -8px rgba(185, 138, 62, .35);

    --grid-dot: rgba(27, 26, 40, .10);

    /* Тёмные «врезки» (p2__big, cta-form) — постоянны в обеих темах */
    --canvas-dark:   #2B2244;
    --canvas-dark-2: #332852;
  }

  /* ---- Тёмная тема ---- */
  :root[data-theme="night"] {
    --bg:   #14131C;
    --bg-1: #1B1A26;
    --bg-2: #232234;
    --bg-3: #F4EFE6;
    --bg-4: #0E0D16;

    --ink:   #F2EEDF;
    --ink-2: #D5D0C2;
    --ink-3: #9A95A8;
    --ink-4: #6A6578;

    --ink-on-dark:   #F4EFE6;
    --ink-on-dark-2: #B5B0C2;

    --gold:    #D2A65A;
    --gold-hi: #E8BC72;
    --gold-lo: #A87F3A;
    --rose:    #D88883;

    --line:        rgba(242, 238, 223, .10);
    --line-soft:   rgba(242, 238, 223, .05);
    --line-strong: rgba(242, 238, 223, .20);
    --line-gold:   rgba(210, 166, 90, .30);

    --shadow-1: 0 1px 2px rgba(0, 0, 0, .4);
    --shadow-2: 0 8px 24px rgba(0, 0, 0, .45);
    --shadow-3: 0 24px 48px -12px rgba(0, 0, 0, .55);
    --shadow-gold: 0 12px 32px -8px rgba(210, 166, 90, .25);

    --grid-dot: rgba(242, 238, 223, .07);

    --canvas-dark:   #1B143A;
    --canvas-dark-2: #1B143A;
  }

}