/* GeniusComply Design Tokens */
:root {
  --bg: #F7F5F2;
  --surface: #FFFFFF;
  --surface-alt: #EFEDE9;
  --text: #2D2A26;
  --text-muted: #8A8580;
  --primary: #1B5E40;
  --primary-light: #E8F5EE;
  --accent: #E8A838;
  --accent-light: #FFF4E0;
  --border: #D9D5D0;
  --success: #2E7D4F;
  --warning: #D4930E;
  --error: #C62828;
  --info: #1565A0;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --font-display: 'Fraunces', serif;
  --font-body: 'Source Sans 3', sans-serif;
  --font-mono: 'Geist Mono', monospace;

  /* Spacing */
  --space-2xs: 2px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;

  /* Typography scale */
  --text-display-xl: 3rem;
  --text-display: 2.25rem;
  --text-h2: 1.75rem;
  --text-h3: 1.25rem;
  --text-body: 1rem;
  --text-small: 0.875rem;
  --text-caption: 0.75rem;
  --text-mono: 0.875rem;

  /* Motion */
  --duration-micro: 75ms;
  --duration-short: 200ms;
  --duration-medium: 300ms;
}

[data-theme="dark"] {
  --bg: #1A1816;
  --surface: #252220;
  --surface-alt: #302D2A;
  --text: #E8E4DF;
  --text-muted: #9A9590;
  --primary: #3DA86A;
  --primary-light: #1B3328;
  --accent: #E8A838;
  --accent-light: #3D3020;
  --border: #3D3A36;
}