/* ============================================================
   PRISM — Design Tokens
   Premium wellness-tech identity: indigo/violet core, soft
   lavender-white surfaces, cosmic dark sections for hero moments.
   ============================================================ */
:root {
  /* Brand core */
  --prism-indigo: #5B4FE8;
  --prism-indigo-dark: #4338CA;
  --prism-violet: #8B7CF6;
  --prism-pink: #F472B6;
  --prism-teal: #2DD4BF;

  --gradient-brand: linear-gradient(135deg, #6C5CE7 0%, #8B7CF6 50%, #A78BFA 100%);
  --gradient-cosmic: radial-gradient(120% 120% at 20% 20%, #2A2A72 0%, #1B1240 35%, #0B0B22 70%, #05050F 100%);
  --gradient-warm: linear-gradient(135deg, #F472B6 0%, #8B7CF6 100%);
  --gradient-glow: radial-gradient(closest-side, rgba(139,124,246,0.35), rgba(139,124,246,0));

  /* Surfaces */
  --bg: #FAFAFE;
  --bg-alt: #F2F0FC;
  --bg-deep: #EDEBFB;
  --surface: #FFFFFF;
  --surface-glass: rgba(255,255,255,0.62);
  --border-hairline: rgba(30,27,75,0.08);
  --border-hairline-strong: rgba(30,27,75,0.14);

  /* Dark / cosmic surfaces */
  --ink-900: #05050F;
  --ink-800: #0B0B22;
  --ink-700: #14123A;
  --ink-600: #1F1B4D;

  /* Text */
  --text-primary: #14132B;
  --text-secondary: #55536E;
  --text-muted: #8987A3;
  --text-on-dark: #F3F2FF;
  --text-on-dark-muted: #ABA8D6;
  --text-on-brand: #FFFFFF;

  /* Semantic */
  --success: #22C55E;
  --warning: #F59E0B;
  --danger: #EF4444;
  --info: #3B82F6;

  /* Radii */
  --radius-xs: 8px;
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-pill: 999px;

  /* Shadows */
  --shadow-xs: 0 1px 2px rgba(20,19,43,0.04);
  --shadow-sm: 0 2px 8px rgba(20,19,43,0.06);
  --shadow-md: 0 8px 24px rgba(52,42,145,0.10);
  --shadow-lg: 0 16px 48px rgba(52,42,145,0.14);
  --shadow-glow: 0 0 0 1px rgba(139,124,246,0.15), 0 12px 40px rgba(108,92,231,0.25);

  /* Type */
  --font-display: 'Fraunces', 'Georgia', serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Motion */
  --ease-out-soft: cubic-bezier(.16,1,.3,1);
  --ease-in-out-soft: cubic-bezier(.65,0,.35,1);
  --dur-fast: 160ms;
  --dur-med: 320ms;
  --dur-slow: 600ms;
  --breath-cycle: 6.4s; /* ~4.2s inhale / hold / ~exhale, calm resting-breath pace */

  /* Layout */
  --nav-width: 232px;
  --container-max: 1240px;
  --header-h: 72px;
}

@media (prefers-color-scheme: dark) {
  :root { color-scheme: light; } /* Prism is intentionally a light-first product; dark used only for hero sections */
}
