/* Luma Design System — canonical tokens (sync to Rails apps via sync-design.sh) */

@theme {
  --color-luma-bg: #E5DDF9;
  --color-luma-bg-subtle: #F3EEFA;
  --color-luma-surface: #FFFFFF;
  --color-luma-text: #1a1625;
  --color-luma-text-muted: #5c5670;
  --color-luma-brand: #9B7FD4;
  --color-luma-brand-hover: #8A6BC4;
  --color-luma-accent-warm: #FF6B4A;
  --color-luma-dark: #020612;
  --color-luma-footer-text: #c8c4d4;
  --color-product-practice: #4F46E5;
  --color-product-coach: #7C3AED;
  --color-product-courses: #0D9488;
  --color-product-preventie: #D97706;
  --font-sans: "Inter", system-ui, sans-serif;
  --font-display: "Instrument Serif", Georgia, serif;
  --radius-card: 1rem;
  --radius-button: 0.75rem;
  --shadow-card: 0 1px 3px rgba(26, 22, 37, 0.06);
  --shadow-card-hover: 0 4px 12px rgba(26, 22, 37, 0.08);
}

:root {
  --luma-bg: #E5DDF9;
  --luma-bg-subtle: #F3EEFA;
  --luma-surface: #FFFFFF;
  --luma-text: #1a1625;
  --luma-text-muted: #5c5670;
  --luma-brand: #9B7FD4;
  --luma-brand-hover: #8A6BC4;
  --luma-accent-warm: #FF6B4A;
  --luma-dark: #020612;
  --product-accent: var(--luma-brand);
  --radius-card: 1rem;
  --shadow-card: 0 1px 3px rgba(26, 22, 37, 0.06);
}

[data-product="practice"] { --product-accent: #4F46E5; }
[data-product="coach"] { --product-accent: #7C3AED; }
[data-product="courses"] { --product-accent: #0D9488; }
[data-product="preventie"] { --product-accent: #D97706; }