/* Casa de Mim — tokens do design system (claude.ai/artifact/JiwQB4gEUD9kzfFVoiUht2, tokens.json v2) */
:root{
  /* paleta */
  --ameixa:#770053;
  --noite:#231e23;
  --noite-fundo:#111111;
  --areia:#c8b7b3;
  --areia-clara:#d9cac7;
  --branco:#ffffff;
  --titulo-claro:#f5e2de;
  --lima:#c9f277;
  --creme:#fffef2;
  --creme-claro:#f3f1ee;
  --campo-escuro:#3b333f;
  --margarida-petala:#f8e0e4;
  --margarida-miolo:#d4a828;

  /* papéis (tema claro) */
  --surface:var(--areia-clara);
  --surface-raised:var(--branco);
  --surface-band:var(--areia);
  --ink:var(--noite);
  --ink-on-band:var(--noite);
  --ink-muted:#4d444d;
  --accent-text:var(--ameixa);
  --action:var(--ameixa);
  --on-action:var(--branco);
  --border:var(--noite);
  --line:var(--areia);
  --focus-ring:var(--ameixa);
  --highlight:var(--lima);

  /* tipo */
  --font-display:"Prata",Georgia,serif;
  --font-sans:"Nunito Sans",system-ui,sans-serif;

  /* espaço */
  --space-1:4px; --space-2:8px; --space-4:16px; --space-5:20px; --space-6:24px;
  --space-8:32px; --space-12:48px; --space-16:64px;

  /* raio */
  --radius-sm:4px; --radius-md:12px; --radius-lg:24px; --radius-xl:36px;
  --radius-pill:30px; --radius-round:50%;

  --wrap:1200px;
}