/* ============================================================
   ASBEE Institute Ecosystem™ — theme.css | Design tokens: colours, gradients, shadows, fonts
   ============================================================ */

:root { --radius: .75rem; --background: oklch(99% .005 85); --foreground: oklch(18% .04 260); --navy: oklch(24% .09 260); --navy-deep: oklch(16% .07 260); --navy-soft: oklch(32% .09 260); --gold: oklch(78% .13 82); --gold-light: oklch(88% .09 85); --gold-deep: oklch(62% .13 72); --cream: oklch(97% .015 85); --card: oklch(100% 0 0); --card-foreground: oklch(18% .04 260); --popover: oklch(100% 0 0); --popover-foreground: oklch(18% .04 260); --primary: var(--navy); --primary-foreground: oklch(98% .01 85); --secondary: var(--gold); --secondary-foreground: var(--navy-deep); --muted: oklch(96% .01 85); --muted-foreground: oklch(45% .03 260); --accent: var(--gold); --accent-foreground: var(--navy-deep); --destructive: oklch(57.7% .245 27.325); --destructive-foreground: oklch(98% 0 0); --border: oklch(90% .02 85); --input: oklch(92% .015 85); --ring: var(--gold); --gradient-royal: linear-gradient(135deg, oklch(16% .07 260) 0%, oklch(24% .09 260) 50%, oklch(32% .09 260) 100%); --gradient-gold: linear-gradient(135deg, oklch(62% .13 72) 0%, oklch(78% .13 82) 50%, oklch(88% .09 85) 100%); --gradient-split: linear-gradient(105deg, oklch(24% .09 260) 0%, oklch(24% .09 260) 50%, oklch(78% .13 82) 50%, oklch(78% .13 82) 100%); --shadow-elegant: 0 20px 60px -20px var(--navy); }

:root { --shadow-gold: 0 15px 40px -15px var(--gold); }

.dark { --background: oklch(14% .05 260); --foreground: oklch(98% .01 85); --card: oklch(18% .06 260); --card-foreground: oklch(98% .01 85); --border: oklch(100% 0 0 / .12); --input: oklch(100% 0 0 / .15); }


/* ------------------------------------------------------------------
   Corrective overrides — gradient text + shadow tokens
   ------------------------------------------------------------------ */
:root {
  --shadow-elegant: 0 20px 60px -20px color-mix(in oklab, var(--navy) 30%, transparent);
  --shadow-gold: 0 15px 40px -15px color-mix(in oklab, var(--gold) 45%, transparent);
}
.text-gradient-gold {
  background: var(--gradient-gold);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}