/* Crinance Design Tokens — v3 rebuild */
:root {
  --brand-50:  #ECFDF3;
  --brand-100: #D1FADF;
  --brand-200: #A6F4C5;
  --brand-300: #6CE9A6;
  --brand-400: #32D583;
  --brand-500: #12B76A;
  --brand-600: #039855;
  --brand-700: #027A48;
  --brand-glow: #3EE089;

  --ink-950: #06100B;
  --ink-900: #0A1712;
  --ink-800: #0F2018;
  --ink-700: #16291F;
  --ink-600: #223A2D;
  --ink-500: #3A5346;
  --ink-400: #5E7B6C;
  --ink-300: #8AA697;
  --ink-100: #E7F1EB;
  --ink-0:   #FFFFFF;

  --red-500: #F04438;
  --amber-500: #F79009;
  --blue-500: #2E90FA;

  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: 'Space Grotesk', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  --fs-xs: 0.75rem; --fs-sm: 0.875rem; --fs-base: 1rem; --fs-lg: 1.125rem;
  --fs-xl: 1.375rem; --fs-2xl: 1.75rem; --fs-3xl: 2.25rem; --fs-4xl: 3rem; --fs-5xl: 3.75rem;

  --sp-1: 0.25rem; --sp-2: 0.5rem; --sp-3: 0.75rem; --sp-4: 1rem; --sp-5: 1.25rem;
  --sp-6: 1.5rem; --sp-8: 2rem; --sp-10: 2.5rem; --sp-12: 3rem; --sp-16: 4rem; --sp-20: 5rem;

  --r-sm: 8px; --r-md: 12px; --r-lg: 18px; --r-xl: 24px; --r-full: 999px;

  --ease: cubic-bezier(.22,.9,.32,1);

  /* Light mode (toggle) */
  --bg: var(--ink-100);
  --bg-alt: var(--ink-0);
  --surface: var(--ink-0);
  --surface-2: #F3F8F5;
  --border: #DCE7E0;
  --border-strong: #C2D3C8;
  --text: var(--ink-950);
  --text-2: var(--ink-500);
  --text-3: var(--ink-400);
  --on-brand: #04150C;
  --shadow-1: 0 1px 2px rgba(6,16,11,.05);
  --shadow-2: 0 12px 32px rgba(6,16,11,.10);
  --blur: none;
}

[data-theme="dark"] {
  --bg: var(--ink-950);
  --bg-alt: var(--ink-900);
  --surface: var(--ink-900);
  --surface-2: var(--ink-800);
  --border: var(--ink-700);
  --border-strong: var(--ink-600);
  --text: #F3FAF6;
  --text-2: var(--ink-300);
  --text-3: var(--ink-400);
  --on-brand: #04150C;
  --shadow-1: none;
  --shadow-2: 0 24px 60px rgba(0,0,0,.45);
  --blur: saturate(160%) blur(14px);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }

/* Legacy variable aliases — kept so pages not yet redesigned still render correctly */
:root, [data-theme] {
  --space-4: var(--sp-4);
  --border-default: var(--border);
  --surface-sunken: var(--surface-2);
  --text-muted: var(--text-3);
  --type-scale-2xl: var(--fs-2xl);
}

body {
  margin: 0;
  font-family: var(--font-sans);
  background: var(--bg);
  color: var(--text);
  font-size: var(--fs-base);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}