/*
 * SC BRAND SYSTEM
 * Version: 1.0.0
 * Date: 2026-05-24 CST
 *
 * IMPORTANT SOURCE-OF-TRUTH WARNING:
 * Experimental treatments from the Brand Map are NOT production classes
 * unless explicitly promoted. Do not migrate existing page selectors here yet.
 */

:root {
  /* --- TYPOGRAPHY FAMILY/ROLE TOKENS --- */
  --font-heading: ZacbelX, sans-serif;
  --font-sans: CompassSans, system-ui, sans-serif;
  --font-serif: "CompassSerif", serif;
  --font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, monospace;

  /* --- APPROVED PRIMITIVE COLOR TOKENS --- */
  --c-elite-navy: #001524;
  --c-steavy-blue: #004a75;
  --c-heritage-blue: #218ccc;
  --c-arctic-ice: #E5F0F4;
  --c-soft-slate: #64748b;
  --c-pure-white: #ffffff;
  --c-cyan: #0ea5e9;
  --c-luxury-gold: #D4A84B;
  --c-vivid-emerald: #10B981;

  /* --- APPROVED SEMANTIC COLOR TOKENS --- */
  --text-primary: var(--c-elite-navy);
  --text-muted: var(--c-soft-slate);
  --text-accent: var(--c-steavy-blue);
  --bg-page: var(--c-pure-white);
  --bg-surface: var(--c-arctic-ice);

  /* --- RADIUS FOUNDATION TOKENS --- */
  --br-xs: 2px;
  --br-s: 4px;
  --br-m: 8px;
  --br-l: 16px;
  --br-xl: 24px;
  --br-xxl: 32px;

  /* --- SHADOW FOUNDATION TOKENS --- */
  --shadow-1: 0 0 1px 0.5px rgb(0 0 0 / 0.05), 0 2px 2px rgb(0 0 0 / 0.1);
  --shadow-2: 0 1px 1px 2px rgb(0 0 0 / 0.03), 0 4px 4px rgb(0 0 0 / 0.1);
  --shadow-3: 0 2px 4px rgb(0 0 0 / 0.05), 0 4px 8px rgb(0 0 0 / 0.1);
  --shadow-4: 0 4px 8px rgb(0 0 0 / 0.06), 0 8px 16px rgb(0 0 0 / 0.12);
  --shadow-5: 0 8px 16px rgb(0 0 0 / 0.08), 0 12px 24px rgb(0 0 0 / 0.14);
  --shadow-6: 0 12px 24px rgb(0 0 0 / 0.1), 0 16px 32px rgb(0 0 0 / 0.16), 0 24px 48px rgb(0 0 0 / 0.18);

  /* --- APPROVED MATERIAL TOKENS --- */
  /* Arctic Glass / Heritage Tint */
  --glass-arctic-bg: rgba(14, 165, 233, 0.25);
  --glass-arctic-border: rgba(14, 165, 233, 0.74);
  
  /* Midnight Frost */
  --glass-frost-bg: rgba(255, 255, 255, 0.07);
  --glass-frost-blur: blur(16px);
  --glass-frost-border: rgba(255, 255, 255, 0.12);
  --glass-frost-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
}