/* HISYT Design Tokens — dark / purple premium theme */
:root {
  --font-display: 'Space Grotesk', 'Manrope', system-ui, sans-serif;
  --font-body: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --bg: #05040b;
  --bg-elevated: #0b0816;
  --bg-card: rgba(17, 12, 31, 0.72);
  --bg-card-strong: rgba(21, 15, 39, 0.92);
  --text: #f7f5ff;
  --muted: #aaa1c7;
  --muted-2: #756d90;
  --purple-50: #f3efff;
  --purple-200: #cbb9ff;
  --purple-300: #b69cff;
  --purple-400: #a276ff;
  --purple-500: #8b5cf6;
  --purple-600: #7c3aed;
  --purple-700: #5f24c8;
  --violet-deep: #32116d;
  --accent: #d85cff;
  --cyan: #62e8ff;
  --success: #68f0be;
  --border: rgba(194, 174, 255, 0.14);
  --border-strong: rgba(174, 140, 255, 0.32);
  --hairline: rgba(255,255,255,0.07);
  --gradient-brand: linear-gradient(135deg, #b35cff 0%, #7c3aed 48%, #5135d8 100%);
  --gradient-text: linear-gradient(115deg, #ffffff 12%, #d9c7ff 48%, #a476ff 82%, #62e8ff 115%);
  --gradient-card: linear-gradient(150deg, rgba(255,255,255,0.055), rgba(255,255,255,0.015));
  --gradient-glow: radial-gradient(circle, rgba(139,92,246,.25), rgba(76,29,149,.08) 42%, transparent 70%);
  --shadow-soft: 0 24px 80px rgba(0,0,0,.35);
  --shadow-card: 0 24px 70px rgba(0,0,0,.25);
  --shadow-glow: 0 0 0 1px rgba(173,135,255,.12), 0 28px 80px rgba(100,45,210,.22);
  --radius-xs: 10px;
  --radius-sm: 14px;
  --radius-md: 20px;
  --radius-lg: 28px;
  --radius-xl: 36px;
  --radius-pill: 999px;
  --container: min(92vw, 1220px);
  --header-height: 74px;
  --s-1: .375rem;
  --s-2: .625rem;
  --s-3: .875rem;
  --s-4: 1.125rem;
  --s-5: 1.5rem;
  --s-6: 2rem;
  --s-7: 2.75rem;
  --s-8: 3.5rem;
  --s-9: 5rem;
  --s-10: 7rem;
  --ease: cubic-bezier(.22,.9,.36,1);
  --ease-out: cubic-bezier(.16,1,.3,1);
  --fast: 180ms;
  --normal: 320ms;
  --slow: 700ms;
}