:root {
  
  --surface-base: #ffffff;
  --surface-raised: #f5f5f5;
  --surface-inverse: #111111;
  --surface-deep: #000000;

  
  --ink-primary: #111111;
  --ink-secondary: #333333;
  --ink-muted: #666666;
  --ink-inverse: #ffffff;

  
  --action-primary: #111111;
  --action-hover: #000000;
  --action-quiet: #666666;

  
  --line-hairline: rgba(17, 17, 17, 0.16);
  --line-strong: #111111;
  --line-inverse: rgba(255, 255, 255, 0.24);

  
  --step-xs: 0.5rem;
  --step-sm: 0.75rem;
  --step-md: 1rem;
  --step-lg: 2rem;
  --band-y: 6vh;
  --band-x: 4vw;
  --measure: 75rem;

  
  --motion-quick: 0.2s ease;
  --motion-slide: 0.3s;

  
  --face-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --face-text: 'Source Sans 3', system-ui, -apple-system, sans-serif;
}