/* BASU-AI BRAND SYSTEM
   Agent 1 decision: Visual Motif C — Gradient Intelligence
   Deep dark space backgrounds, teal intelligence accents, gold for premium moments
   ─────────────────────────────────────────────────────────────── */

:root {
  /* ── Primary palette ─────────────────────────────────────────── */
  --basu-midnight:   #070B15;     /* deep space near-black */
  --basu-gold:       #C8952D;     /* premium gold — used sparingly */
  --basu-teal:       #00BCD4;     /* technical accent — intelligence, precision */
  --basu-white:      #FFFFFF;
  --basu-gray-light: #B2BECB;     /* body text on dark backgrounds */
  --basu-gray-mid:   #647282;     /* secondary text, captions */
  --basu-gray-dark:  #131B2B;     /* borders, dividers */

  /* ── Product accent colors ───────────────────────────────────── */
  --kairos-primary:   #3FB950;    /* ties to dashboard green */
  --kairos-secondary: #1A4021;
  --grants-primary:   #9B6DFF;
  --opint-primary:    #FF7043;

  /* ── Typography ──────────────────────────────────────────────── */
  --font-display: 'Syne', system-ui, sans-serif;
  --font-heading: 'Syne', system-ui, sans-serif;
  --font-body:    'Outfit', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', 'Fira Code', monospace;

  /* ── Spacing system ──────────────────────────────────────────── */
  --space-xs:  0.25rem;
  --space-sm:  0.5rem;
  --space-md:  1rem;
  --space-lg:  2rem;
  --space-xl:  4rem;
  --space-2xl: 8rem;

  /* ── Border radius ───────────────────────────────────────────── */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-xl: 24px;

  /* ── Shadows ─────────────────────────────────────────────────── */
  --shadow-card:        0 1px 4px rgba(0,0,0,0.5), 0 1px 12px rgba(0,0,0,0.3);
  --shadow-elevated:    0 8px 32px rgba(0,0,0,0.6), 0 4px 16px rgba(0,0,0,0.4);
  --shadow-glow-gold:   0 0 24px rgba(200,149,45,0.25), 0 0 48px rgba(200,149,45,0.1);
  --shadow-glow-teal:   0 0 24px rgba(0,188,212,0.25), 0 0 48px rgba(0,188,212,0.1);
  --shadow-glow-kairos: 0 0 24px rgba(63,185,80,0.25), 0 0 48px rgba(63,185,80,0.1);

  /* ── Transitions ─────────────────────────────────────────────── */
  --transition-fast: 150ms ease;
  --transition-base: 300ms ease;
  --transition-slow: 600ms cubic-bezier(0.16, 1, 0.3, 1);

  /* ── Gradients ───────────────────────────────────────────────── */
  --gradient-hero:   linear-gradient(160deg, #070B15 0%, #091520 50%, #07100F 100%);
  --gradient-card:   linear-gradient(145deg, #0D1624 0%, #080D18 100%);
  --gradient-gold:   linear-gradient(135deg, #A07020 0%, #C8952D 50%, #E0B040 100%);
  --gradient-teal:   linear-gradient(135deg, #008BA0 0%, #00BCD4 100%);
  --gradient-kairos: linear-gradient(135deg, #2A8036 0%, #3FB950 100%);

  /* ── Surface colors ──────────────────────────────────────────── */
  --surface-1: #0D1420;   /* cards, panels */
  --surface-2: #111927;   /* slightly raised */
  --border-subtle: rgba(178,190,203,0.08);
  --border-default: rgba(178,190,203,0.14);
}