/* NubiEvents design tokens — SERVED COPY for the Staff host.
 *
 * SOURCE OF TRUTH: docs/design/nubievents-tokens.css (linked by the 93 design
 * files). This is a byte-for-byte copy of the same file served on the Guest host,
 * so the running staff surface and the design files share one palette. wwwroot can
 * only serve files under wwwroot, so the file is copied here rather than referenced
 * across the repo. If you edit one, edit all three (guest, staff, docs/design).
 */
:root{
  /* ── product palette (names unchanged) ── */
  --ne-amethyst:#7A5AA6;   /* accent: buttons, links, active states */
  --ne-amethyst-600:#684C8C;
  --ne-plum:#312442;       /* mark, headings, dark surfaces */
  --ne-lilac:#BAA9D1;      /* quiet surfaces, icon bg — NEVER text */
  --ne-white:#FFFFFF;

  /* ── greys — 4 ONLY ──
   * Collapsed here: #1E1629 and #4A4060 fold into ink; #8F86A5 and #9A92AC fold
   * into muted; #F1EEF6, #F7F5FB and #E9E4F0 fold into tint. */
  --ne-ink:#312442;        /* body text + headings (same value as plum, by design) */
  --ne-muted:#6B6480;      /* secondary text */
  --ne-line:#E4DCEF;       /* borders + hairlines */
  --ne-tint:#F3EFF8;       /* quiet fills */

  /* ── parent (Nubisoft) — family lockups / footers only ── */
  --nb-forest:#314025;
  --nb-sage:#BACCA8;
  --nb-leaf:#7A9E5A;

  /* ── gate palette — SEMANTIC ONLY, never decoration ── */
  --ne-valid:#1B7F3B;
  --ne-invalid:#B3261E;
  --ne-warning:#B26B00;

  /* ── type ── */
  --ne-font:'Plus Jakarta Sans',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --ne-wordmark-tracking:-0.012em;

  /* type scale — 8 steps */
  --ne-fs-11:11px;
  --ne-fs-12:12px;
  --ne-fs-13:13px;
  --ne-fs-14:14px;
  --ne-fs-16:16px;
  --ne-fs-20:20px;
  --ne-fs-26:26px;
  --ne-fs-34:34px;

  /* display figures — OUTSIDE the 8-step text scale, for hero numbers only
   * (the amount-to-pay in G-07, the table number in U3). The design draws these
   * at 44px and 76px; the text scale tops out at 34px, so they get their own
   * two tokens rather than a raw literal in the component CSS. */
  --ne-fs-hero:44px;
  --ne-fs-hero-xl:76px;

  /* weights */
  --ne-fw-600:600;
  --ne-fw-700:700;
  --ne-fw-800:800;

  /* ── spacing — 4px base ── */
  --ne-space-4:4px;
  --ne-space-8:8px;
  --ne-space-12:12px;
  --ne-space-16:16px;
  --ne-space-24:24px;
  --ne-space-32:32px;

  /* ── radius — 4 ONLY ── */
  --ne-radius-pill:999px;     /* pills, chips */
  --ne-radius-control:10px;   /* small controls, monogram, QR frame */
  --ne-radius-input:12px;     /* buttons + inputs */
  --ne-radius-card:16px;      /* cards, panels */

  /* ── elevation ── */
  --ne-shadow:0 8px 24px rgba(49,36,66,.10);
}