/* Shared signature; each space owns its surface and typography. */
:root {
  --color-accent: #2F6BFF;
  --color-button-hover: #2458D6;
  --color-action: #285FEC;
  --color-on-action: #FFFFFF;
  --color-blue: #9FC8F1;
  --color-ink: #070A10;
  --color-ink-soft: #0F1520;
  --color-ink-blue: #172537;
  --color-glass: #0f1520df;
  --color-paper: #F2F5F8;
  --color-white: #F2F5F8;
  --color-muted: #9AA6B5;
  --color-quiet: #9AA6B5;
  --color-line: #394452;
  --font-display: 'DM Sans', Arial, sans-serif;
  --font-body: 'DM Sans', Arial, sans-serif;
  --space-xs: .5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-2xl: 4.5rem;
  --space-3xl: 7rem;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --dur-short: 220ms;
  --radius-image: 30px;
  --radius-pill: 999px;
}
:root[data-space="portfolio"] { color-scheme: dark; }
:root[data-space="data"] {
  color-scheme: light;
  --color-ink: #E8EEF3;
  --color-ink-soft: #FFFFFF;
  --color-ink-blue: #C9D9E6;
  --color-glass: #ffffffed;
  --color-paper: #0D1520;
  --color-white: #0D1520;
  --color-muted: #5B6B7C;
  --color-quiet: #5B6B7C;
  --color-line: #B7C5D1;
  --color-blue: #1D4FC4;
  --font-display: 'Geist', Arial, sans-serif;
  --font-body: 'Geist', Arial, sans-serif;
}