/* branding/tokens.css — Source of truth for all floww web properties */
/* Derived from: branding/BRANDING.md + dev-build/consistencies.md */
/* Copy to each site's src/styles/tokens.css — never edit the per-site copy */
:root {
  /* Colors */
  --color-bg:               #0f0f0f;
  --color-surface:          #1a1a1a;
  --color-surface-elevated: #242424;
  --color-border:           #2a2a2a;
  --color-border-hover:     #333333;
  --color-text:             #e8e8e8;
  --color-text-secondary:   #a0a0a0;
  --color-text-muted:       #666666;
  --color-terra:            #d97757;
  --color-terra-hover:      #e8956f;
  --color-purple:           #7c3aed;
  --color-white:            #ffffff;

  /* Typography */
  --font-brand: 'Source Serif 4', Georgia, 'Times New Roman', serif;
  --font-ui:    ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-code:  'Hack', 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;

  /* Spacing scale (4px base) */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-6:  24px;
  --space-8:  32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;

  /* Border radii */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
}