/* Eusorone Technologies — canonical design tokens
   See SHARED-SPEC.md §3–5. Do not hardcode values elsewhere. */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  /* Type */
  --font-sans: "Gilroy", "Manrope", ui-sans-serif, -apple-system, "SF Pro Display", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Brand — identity across themes */
  --brand-blue: #1473FF;
  --brand-purple: #BE01FF;
  --brand-grad: linear-gradient(135deg, #1473FF 0%, #BE01FF 100%);
  --brand-grad-soft: linear-gradient(135deg, rgba(20,115,255,0.14), rgba(190,1,255,0.14));
  --brand-grad-conic: conic-gradient(from 180deg at 50% 50%, #1473FF, #BE01FF, #1473FF);

  /* Dark (default) */
  --bg-0: #07080B;
  --bg-1: #0C0E14;
  --bg-2: #11141C;
  --bg-3: #181C26;
  --line: rgba(255,255,255,0.08);
  --line-strong: rgba(255,255,255,0.16);
  --text-1: #F5F7FA;
  --text-2: rgba(245,247,250,0.72);
  --text-3: rgba(245,247,250,0.52);
  --text-4: rgba(245,247,250,0.32);
  --glow-blue: 0 0 120px rgba(20,115,255,0.35);
  --glow-purple: 0 0 120px rgba(190,1,255,0.35);
  --ring: 0 0 0 1px rgba(255,255,255,0.06), inset 0 0 0 1px rgba(255,255,255,0.04);
  --shadow-xl: 0 40px 120px -30px rgba(0,0,0,0.7), 0 18px 40px -18px rgba(0,0,0,0.6);

  /* Space + radius */
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --radius-xl: 40px;
  --radius-pill: 999px;

  --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px;
  --space-9: 96px; --space-10: 128px;
  --space-section: clamp(96px, 14vw, 192px);
  --gutter: clamp(20px, 4vw, 48px);
  --container: 1360px;

  /* Motion */
  --ease-spring: cubic-bezier(.2,.8,.2,1);
  --ease-emph: cubic-bezier(.16,1,.3,1);
  --ease-out: cubic-bezier(.22,1,.36,1);
  --dur-xs: 120ms; --dur-sm: 220ms; --dur-md: 420ms; --dur-lg: 720ms; --dur-xl: 1100ms;

  color-scheme: dark;
}

[data-theme="light"] {
  --bg-0: #F7F8FB;
  --bg-1: #FFFFFF;
  --bg-2: #FFFFFF;
  --bg-3: #F0F2F7;
  --line: rgba(7,8,11,0.08);
  --line-strong: rgba(7,8,11,0.16);
  --text-1: #07080B;
  --text-2: rgba(7,8,11,0.7);
  --text-3: rgba(7,8,11,0.5);
  --text-4: rgba(7,8,11,0.3);
  --ring: 0 0 0 1px rgba(7,8,11,0.06);
  --shadow-xl: 0 40px 120px -30px rgba(7,8,11,0.18), 0 18px 40px -18px rgba(7,8,11,0.12);
  --glow-blue: 0 0 140px rgba(20,115,255,0.22);
  --glow-purple: 0 0 140px rgba(190,1,255,0.22);
  color-scheme: light;
}