/* ═══════════════════════════════════════
   VaultEdu Official Website — Design Tokens
   Prefix: vlt_of_
   ═══════════════════════════════════════ */

:root {
  /* Core palette */
  --vlt-bg-darkest: #0A1628;
  --vlt-bg-dark: #0F2035;
  --vlt-bg-card: rgba(255,255,255,0.06);
  --vlt-teal: #14B8A6;
  --vlt-teal-light: #2DD4BF;
  --vlt-gold: #D4A853;
  --vlt-gold-light: #E8C675;
  --vlt-red: #EF4444;
  --vlt-red-soft: rgba(239,68,68,0.12);
  --vlt-green: #22C55E;
  --vlt-green-light: #4ADE80;
  --vlt-green-soft: rgba(34,197,94,0.12);
  --vlt-blue: #60A5FA;
  --vlt-purple: #A78BFA;
  --vlt-white: #FFFFFF;
  --vlt-white-muted: rgba(255,255,255,0.7);
  --vlt-white-faint: rgba(255,255,255,0.4);
  --vlt-white-ghost: rgba(255,255,255,0.06);
  --vlt-white-border: rgba(255,255,255,0.1);

  /* Typography */
  --vlt-font: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;

  /* Radii */
  --vlt-r-sm: 8px;
  --vlt-r-md: 12px;
  --vlt-r-lg: 20px;
  --vlt-r-xl: 28px;
  --vlt-r-full: 100px;

  /* Transitions */
  --vlt-transition-fast: 0.2s ease;
  --vlt-transition-normal: 0.3s ease;
}