/* ============================================================
   VaultEd · Design Tokens (production web)
   Drop-in CSS variables for the entire brand system.
   Usage: <link rel="stylesheet" href="brand/tokens.css">

   Note: unlike the prototype package, the production site makes
   NO external requests — the brand fonts (Bricolage Grotesque,
   Plus Jakarta Sans, JetBrains Mono) are replaced with the
   closest system font stacks.
   ============================================================ */

:root {
  /* Surfaces */
  --vlt-bg:           #0A0B0F;
  --vlt-surface:      #13151B;
  --vlt-elevated:     #1C1F28;
  --vlt-elevated-2:   #242833;

  /* Borders */
  --vlt-border:        rgba(255, 255, 255, 0.08);
  --vlt-border-strong: rgba(255, 255, 255, 0.16);

  /* Brand colors */
  --vlt-lime:      #D9FF3F;   /* Primary · money / wins */
  --vlt-lime-dark: #A8C928;
  --vlt-magenta:   #FF3D8B;   /* Streaks / social */
  --vlt-cyan:      #3FE5FF;   /* AI / education */
  --vlt-amber:     #FFB23F;   /* XP / rewards */
  --vlt-danger:    #FF5C5C;

  /* Text */
  --vlt-text:    #F5F5F0;
  --vlt-muted:   #8B8E99;
  --vlt-muted-2: #5A5D68;

  /* Typography — system stacks, no external font loading */
  --vlt-font-display: 'Segoe UI Variable Display', 'Segoe UI', system-ui, -apple-system, 'Helvetica Neue', Arial, sans-serif;
  --vlt-font-body:    'Segoe UI Variable Text', 'Segoe UI', system-ui, -apple-system, 'Helvetica Neue', Arial, sans-serif;
  --vlt-font-mono:    ui-monospace, 'Cascadia Mono', 'SF Mono', Consolas, Menlo, monospace;

  /* Radius scale */
  --vlt-radius-sm: 8px;
  --vlt-radius-md: 16px;
  --vlt-radius-lg: 24px;
  --vlt-radius-xl: 32px;

  /* Shadows / glows */
  --vlt-glow-lime:    0 0 80px rgba(217, 255, 63, 0.30);
  --vlt-glow-magenta: 0 0 80px rgba(255, 61, 139, 0.30);
}