/* Design Tokens: shelleymitchell.ca
   Dark gallery aesthetic (#222222 canvas) per docs/COMPONENTS.md */

:root {
  /* Colors */
  --bg-primary: #222222;
  --bg-surface: #2a2a2a;
  --bg-overlay: rgba(18, 18, 18, 0.90);

  --text-primary: #eeeeee;
  --text-secondary: #b5b5b5;
  --text-muted: #888888;
  --text-inverse: #111111;

  --accent: #ffffff;
  --accent-cyan: #04A4CC;
  --accent-cyan-hover: #2ec5ec;
  --border-subtle: rgba(255, 255, 255, 0.12);
  --border-focus: rgba(255, 255, 255, 0.35);

  /* Typography */
  --font-sans: 'Helvetica Neue', Helvetica, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  --font-size-title: clamp(1.75rem, 3.5vw, 3.25rem);
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;

  /* Layout */
  --container-max-width: 980px;
  --spacing-grid-gap: 14px;
}