/* Veor — Design System Variables */
:root {
  --bg: #fafaf7;
  --surface: #ffffff;
  --surface-2: #f3f3ee;
  --fg: #0a0a0a;
  --fg-muted: #6b6b66;
  --border: #e6e5df;
  --border-strong: #cfcec7;
  --accent: oklch(0.84 0.19 128);
  --accent-ink: #0a0a0a;
  --shadow-sm: 0 1px 2px rgba(10,10,10,.04);
  --shadow-md: 0 8px 30px rgba(10,10,10,.06), 0 2px 8px rgba(10,10,10,.04);
  --shadow-lg: 0 24px 60px rgba(10,10,10,.10), 0 4px 12px rgba(10,10,10,.06);
  --radius-sm: 10px;
  --radius: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --container: 1280px;
  --header-h: 72px;
  --font-display: 'Geist', system-ui, sans-serif;
  --font-mono: 'Geist Mono', ui-monospace, monospace;
  --ease: cubic-bezier(.22,1,.36,1);
}

[data-theme="dark"] {
  --bg: #0a0a0a;
  --surface: #131313;
  --surface-2: #1a1a1a;
  --fg: #f5f5f0;
  --fg-muted: #8a8a85;
  --border: #232323;
  --border-strong: #383838;
  --shadow-sm: 0 1px 2px rgba(0,0,0,.4);
  --shadow-md: 0 8px 30px rgba(0,0,0,.4), 0 2px 8px rgba(0,0,0,.3);
  --shadow-lg: 0 24px 60px rgba(0,0,0,.5), 0 4px 12px rgba(0,0,0,.3);
}