/* ==========================================================================
   DANTE OS ENTERPRISE v23.1.0 - CANONICAL DESIGN TOKENS
   Single Source of Truth for Typography, Color Palette, Spacing & Surfaces
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. UNIFIED GOOGLE FONTS IMPORT
   Primary UI / Text: Plus Jakarta Sans (Weights: 300..800)
   Data / Metrics / Code: JetBrains Mono (Weights: 300..800)
   Academic / Executive Display Serif: Cinzel (Weights: 700; 900)
   Institutional HUD / Display Condensed: Oswald (Weights: 700; 900)
   Institutional Sans Display: Outfit (Weights: 400; 600; 800)
   -------------------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@700;900&family=JetBrains+Mono:ital,wght@0,300..800;1,300..800&family=Oswald:wght@700;900&family=Outfit:wght@400;600;800&family=Plus+Jakarta+Sans:ital,wght@0,300..800;1,300..800&display=swap');

:root {
  /* ------------------------------------------------------------------------
     2. TYPOGRAPHY TOKENS
     ------------------------------------------------------------------------ */
  --font-sans: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  --font-serif-academic: 'Cinzel', Georgia, serif;
  --font-display-condensed: 'Oswald', sans-serif;
  --font-outfit: 'Outfit', sans-serif;

  /* Aliases for Complete Backward Compatibility Across All Modules */
  --dante-font-sans: var(--font-sans);
  --dante-font-mono: var(--font-mono);
  --dante-font-display: var(--font-outfit);
  --font-primary: var(--font-sans);
  --font-main: var(--font-sans);
  --font-jakarta: var(--font-sans);
  --font-inter: var(--font-sans);

  /* ------------------------------------------------------------------------
     3. CANONICAL COLOR PALETTE
     ------------------------------------------------------------------------ */
  /* Brand Gold */
  --color-gold: #f59e0b;
  --color-gold-hover: #d97706;
  --color-gold-light: #fbbf24;

  /* Success Emerald */
  --color-emerald: #10b981;
  --color-emerald-hover: #059669;

  /* Brand Purple */
  --color-purple: #8b5cf6;
  --color-purple-hover: #7c3aed;

  /* Accent Cyan */
  --color-cyan: #06b6d4;
  --color-cyan-hover: #0891b2;

  /* Alert Rose / Crimson */
  --color-rose: #f43f5e;
  --color-rose-hover: #e11d48;

  /* Dark Backgrounds & Surfaces */
  --color-bg-deep: #090d16;
  --color-bg-surface: #0f172a;
  --color-bg-card: rgba(15, 23, 42, 0.88);

  /* Canonical Aliases & Legacy Overrides */
  --gold: var(--color-gold);
  --gold-satin: var(--color-gold);
  --gold-light: var(--color-gold-light);
  --color-primary-gold: var(--color-gold);
  --dante-gold: var(--color-gold);
  --dante-gold-hover: var(--color-gold-hover);
  --dante-gold-glow: rgba(245, 158, 11, 0.25);

  --emerald: var(--color-emerald);
  --emerald-accent: var(--color-emerald);
  --color-emerald-accent: var(--color-emerald);
  --dante-emerald: var(--color-emerald);

  --purple-core: var(--color-purple);
  --purple-elite: var(--color-purple);
  --purple-accent: var(--color-purple);
  --color-purple-accent: var(--color-purple);
  --dante-purple: var(--color-purple);

  --cyan: var(--color-cyan);
  --cyan-accent: var(--color-cyan);
  --color-cyan-accent: var(--color-cyan);
  --dante-cyan: var(--color-cyan);

  --rose: var(--color-rose);
  --rose-accent: var(--color-rose);
  --color-rose-accent: var(--color-rose);
  --dante-rose: var(--color-rose);
  --alert: var(--color-rose);
  --crimson: var(--color-rose);

  --bg: var(--color-bg-deep);
  --bg-deep: var(--color-bg-deep);
  --bg-dark-main: var(--color-bg-deep);
  --bg-dark-surface: var(--color-bg-surface);
  --bg-surface: var(--color-bg-surface);
  --bg-card: var(--color-bg-card);
  --bg-card-surface: var(--color-bg-card);
  --card-bg: var(--color-bg-card);
  --slate-bg: var(--color-bg-deep);
  --dante-bg: var(--color-bg-deep);
  --dante-card-bg: var(--color-bg-card);

  --dante-text-main: #f8fafc;
  --dante-text-muted: #94a3b8;
  --dante-text-subtle: #64748b;
  --dante-border: rgba(51, 65, 85, 0.6);
  --dante-border-accent: rgba(245, 158, 11, 0.4);

  /* ------------------------------------------------------------------------
     4. RADIUS TOKENS
     ------------------------------------------------------------------------ */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 9999px;
}

/* Global Font Enforcement */
body, html {
  font-family: var(--font-sans);
}

.font-mono, code, pre, kbd, samp, .tech-data, .math-metric {
  font-family: var(--font-mono) !important;
}

.font-cinzel, .font-serif-academic {
  font-family: var(--font-serif-academic) !important;
}

.font-oswald, .font-display-condensed {
  font-family: var(--font-display-condensed) !important;
}

.font-outfit {
  font-family: var(--font-outfit) !important;
}