/* public/css/sacred-acid-tokens.css
   ───────────────────────────────────────────────────────────────
   Sacred Acid design tokens — copied from the Design team's
   /design_handoff_subscription_ui/source/colors_and_type.css for
   the subscription/paywall surfaces shipping in this batch.

   2026-06-01 — EXTENDED with oracle-ui-kit-v1 additions: @font-face
   declarations (Silver Editorial + Futura PT proxy), Instrument
   Serif import (ORACLE wordmark), type scale, tracking, spacing,
   radii, semantic role aliases, `--gold` alias. These augment —
   never replace — existing tokens. See foundations/SPEC.md for the
   system. ────────────────────────────────────────────────────── */

/* ── FONTS — from oracle-ui-kit-v1 ──────────────────────────── */
/* Instrument Serif powers the ORACLE wordmark per kit SPEC. */
@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap');

@font-face {
  font-family: "The Silver Editorial";
  src: url("/fonts/TheSilverEditorial-Regular.otf") format("opentype");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "The Silver Editorial";
  src: url("/fonts/TheSilverEditorial-Italic.otf") format("opentype");
  font-weight: 400; font-style: italic; font-display: swap;
}
/* Futura PT — shipped as the Futura Cyrillic licensed proxy under
   the "Futura PT" family name; metrics line up cleanly per SPEC. */
@font-face {
  font-family: "Futura PT";
  src: url("/fonts/FuturaCyrillicLight.ttf") format("truetype");
  font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Futura PT";
  src: url("/fonts/FuturaCyrillicBook.ttf") format("truetype");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Futura PT";
  src: url("/fonts/FuturaCyrillicMedium.ttf") format("truetype");
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Futura PT";
  src: url("/fonts/FuturaCyrillicDemi.ttf") format("truetype");
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Futura PT";
  src: url("/fonts/FuturaCyrillicBold.ttf") format("truetype");
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Futura PT";
  src: url("/fonts/FuturaCyrillicHeavy.ttf") format("truetype");
  font-weight: 800; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Futura PT";
  src: url("/fonts/FuturaCyrillicExtraBold.ttf") format("truetype");
  font-weight: 900; font-style: normal; font-display: swap;
}

:root {
  /* ── COLOR · CORE ──────────────────────────────────────── */
  --void:         #000000;       /* primary background */
  --ink:          #0B0A0A;       /* panel / card on void */
  --obsidian:     #1F1B1B;       /* elevated surface */
  --smoke:        #5D5349;       /* muted brown — disabled / microcopy */

  /* ── COLOR · TEXT ──────────────────────────────────────── */
  --parchment:    #E1E1DF;       /* primary body text */
  --moonstone:    #A3A39E;       /* secondary body / field labels */
  --moonstone-43: rgba(163, 163, 158, 0.43);  /* placeholder text */
  --ash-sa:       #545150;       /* tertiary — namespaced -sa to avoid clash
                                    with oracle.css's existing --ash */

  /* ── COLOR · ACCENTS ───────────────────────────────────── */
  --oracle:       #E0F251;       /* chartreuse — primary CTA, ORACLE wordmark */
  --sa-gold:      #C9A96D;       /* warm gold — namespaced -sa so the value
                                    is identical to oracle.css's --gold but
                                    accessible via Sacred Acid naming */
  --rose:         #F7D1AC;       /* rose-gold — hairlines, accents */
  --signal:       #F25170;       /* coral — payment-failed states */
  --signal-soft:  #C97070;       /* desaturated red — form errors */

  /* ── BORDERS · DIVIDERS ────────────────────────────────── */
  --hairline:       rgba(247, 209, 172, 0.35);
  --hairline-soft:  rgba(225, 225, 223, 0.08);
  --divider-gold:   rgba(201, 169, 109, 0.55);

  /* ── ELEVATION · GLOWS ─────────────────────────────────── */
  --shadow-veil:        0 20px 60px -20px rgba(0, 0, 0, 0.9);
  --shadow-modal-lift:  0 24px 60px -20px rgba(0, 0, 0, 0.9);
  --shadow-card-lift:   0 14px 40px -20px rgba(201, 169, 109, 0.35);
  --shadow-glow-oracle: 0 0 40px rgba(224, 242, 81, 0.25);
  --shadow-glow-cta:    0 0 32px -10px rgba(224, 242, 81, 0.4);
  --shadow-glow-subtle: 0 0 24px -8px rgba(224, 242, 81, 0.35);
  --shadow-inner-well:  inset 0 1px 0 rgba(247, 209, 172, 0.06);

  /* ── MOTION ────────────────────────────────────────────── */
  --ease-ritual:    cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-standard:  cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast:       180ms;
  --dur-med:        320ms;
  --dur-slow:       640ms;
  --dur-ritual:    1200ms;

  /* ─── oracle-ui-kit-v1 additions (2026-06-01) ──────────────
     Type families, semantic role aliases, type scale, tracking,
     spacing (4px base), radii. See foundations/SPEC.md. */

  /* TYPE — families */
  --font-wordmark: "Instrument Serif", "The Silver Editorial", "Cormorant Garamond", Georgia, serif;
  --font-display:  "The Silver Editorial", "Cormorant Garamond", "Didot", "Playfair Display", Georgia, serif;
  --font-body:     "Futura PT", "Futura", "Avenir Next", "Century Gothic", "Nunito Sans", sans-serif;
  --font-mono:     "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* COLOR aliases — kit uses these names; values mirror existing tokens */
  --gold:        #C9A96D;   /* alias of --sa-gold for kit copy-paste */
  --ash:         #545150;   /* same value as oracle.css's --ash + kit's --ash */

  /* SEMANTIC role aliases (kit-shorthand) */
  --fg-1: var(--parchment);
  --fg-2: var(--moonstone);
  --fg-3: var(--ash);
  --fg-muted: var(--smoke);
  --fg-placeholder: var(--moonstone-43);
  --accent:    var(--oracle);
  --accent-2:  var(--gold);
  --accent-3:  var(--rose);
  --signal-fg: var(--signal);
  --bg:        var(--void);
  --bg-panel:  var(--ink);
  --bg-elev:   var(--obsidian);

  /* TYPE SCALE (mobile-first) */
  --fs-display-xl: 48px;
  --fs-display-l:  36px;
  --fs-display-m:  29px;
  --fs-display-s:  22px;
  --fs-body-l:     18px;
  --fs-body:       16px;
  --fs-body-s:     15px;
  --fs-caption:    14px;
  --fs-micro:      12px;

  /* TRACKING */
  --tr-display: 0.00em;
  --tr-step:    0.22em;
  --tr-button:  0.12em;
  --tr-label:   0.12em;
  --tr-mono:    0.03em;

  /* RADII */
  --r-pill: 9999px;
  --r-card: 8px;
  --r-sm:   4px;
  --r-dot:  50%;

  /* SPACING (4px base) */
  --s-1:  4px;
  --s-2:  8px;
  --s-3:  12px;
  --s-4:  16px;
  --s-5:  24px;
  --s-6:  32px;
  --s-7:  48px;
  --s-8:  64px;
  --s-9:  96px;
}