/* Prism UI Kit: design tokens as CSS custom properties.
   Optional: use these in non-Tailwind code. Light theme on :root, dark on .dark. */
:root {
  --prism-brand-50: #F4F1FF; --prism-brand-100: #EAE4FF; --prism-brand-200: #D7CCFF;
  --prism-brand-300: #BBA8FF; --prism-brand-400: #9C80FF; --prism-brand-500: #8A6BFF;
  --prism-brand-600: #7C5CFF; --prism-brand-700: #6440E6; --prism-brand-800: #5233BD;
  --prism-brand-900: #432C96; --prism-brand-950: #281A5C;
  --prism-accent-cyan: #22D3EE; --prism-accent-pink: #EC4899;

  --prism-bg: #F8FAFC; --prism-surface: #FFFFFF; --prism-border: #E2E8F0;
  --prism-text: #0F172A; --prism-text-muted: #64748B; --prism-primary: var(--prism-brand-600);
  --prism-success: #10B981; --prism-warning: #F59E0B; --prism-danger: #E11D48; --prism-info: #0EA5E9;

  --prism-font-sans: "Geist", ui-sans-serif, system-ui, sans-serif;
  --prism-font-mono: "Geist Mono", ui-monospace, SFMono-Regular, monospace;

  --prism-radius-sm: .5rem; --prism-radius-md: .75rem; --prism-radius-lg: 1rem;
  --prism-radius-xl: 1.5rem; --prism-radius-full: 9999px;

  --prism-shadow-xs: 0 1px 2px rgba(16,12,40,.06);
  --prism-shadow-card: 0 1px 2px rgba(16,12,40,.04), 0 8px 24px -12px rgba(16,12,40,.12);
  --prism-shadow-pop: 0 24px 60px -20px rgba(40,26,92,.35);
  --prism-shadow-glow: 0 20px 50px -18px rgba(124,92,255,.55);

  --prism-ease-out: cubic-bezier(.2,.7,.2,1); --prism-duration: 200ms;
}
.dark {
  --prism-bg: #0B0B14; --prism-surface: rgba(255,255,255,.04); --prism-border: rgba(255,255,255,.10);
  --prism-text: #F1F5F9; --prism-text-muted: #94A3B8; --prism-primary: var(--prism-brand-400);
}