/* Soft Acro Aaron design tokens (light theme). Source: design system artifact
   https://claude.ai/artifact/BiEp5fxwYwzBMmJcZZrP2S  (project/tokens.json).
   One shared block for the avatar pages, /privacy and /ty. Never invent colours. */
:root {
  --cloud: #F6FAFE;
  --surface: #FFFFFF;
  --sky: #DEEFFD;
  --sky-strong: #C3DDF3;
  --line: #CFE2F3;
  --line-strong: #5E86AA;
  --dots: #8DB8DD;
  --ink: #0F2A43;
  --ink-muted: #3E5A73;
  --blue: #2B6197;
  --blue-strong: #1F4C79;
  --on-blue: #FFFFFF;
  --signal: #EB6D38;
  --signal-hover: #F3844F;
  --signal-bold: #DA5B26;
  --signal-ink: #B04418;
  --on-signal: #0F2A43;
  --peach: #FDEBDF;
  --success: #1D7555;
  --danger: #B42318;
  --focus: #2B6197;

  --font-display: Jost, "Futura PT", Futura, "Century Gothic", sans-serif;
  --font-text: Figtree, "Avenir Next", "Segoe UI", system-ui, sans-serif;
  --font-hand: Caveat, "Bradley Hand", "Segoe Print", cursive;

  --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px; --space-5: 24px;
  --space-6: 32px; --space-7: 48px; --space-8: 72px; --space-9: 112px;

  --radius-sm: 10px; --radius-md: 16px; --radius-lg: 24px; --radius-xl: 40px; --radius-full: 999px;

  --shadow-card: 0 1px 2px #0f2a430d, 0 12px 32px -14px #0f2a4333;
  --shadow-float: 0 2px 6px #0f2a4314, 0 24px 48px -18px #0f2a4340;
  --focus-ring: 0 0 0 3px #F6FAFE, 0 0 0 6px #2B6197;
  --stroke-control: 2px;
  --stroke-hand: 5px;
}