/* Roar Cosmos — tokens (générés depuis tokens.json du design system). Charger avant roar-cosmos-ui.css. */
:root, [data-theme="lune"] {
  --nuit: #17153A;
  --indigo: #262A63;
  --amethyste: #6B4BA3;
  --lavande: #C8B6EC;
  --voile: #A99BC9;
  --or: #E7B85A;
  --or-encre: #85601A;
  --lune: #F5F2FA;
  --brume: #DCE1F0;
  --encre: #1D1A36;
  --gris-prune: #5A5675;
  --blanc: #FFFFFF;
  --surface: var(--lune);
  --surface-raised: var(--blanc);
  --surface-sunken: #ECE8F5;
  --text: var(--encre);
  --text-muted: var(--gris-prune);
  --text-accent: var(--amethyste);
  --text-number: var(--or-encre);
  --border: var(--brume);
  --border-strong: #7E779B;
  --action: var(--or);
  --on-action: var(--nuit);
  --focus: var(--amethyste);
  --tag-bg: #EDE6FA;
  --tag-text: #4E3484;
  --glow-or: 0 0 0 6px rgba(231, 184, 90, 0.18), 0 0 28px rgba(231, 184, 90, 0.45);
  --lift: 0 24px 48px -28px rgba(23, 21, 58, 0.45);
}
[data-theme="nuit"] {
  --surface: var(--nuit);
  --surface-raised: var(--indigo);
  --surface-sunken: #120F2E;
  --text: var(--lune);
  --text-muted: var(--voile);
  --text-accent: var(--or);
  --text-number: var(--or);
  --border: rgba(200, 182, 236, 0.22);
  --border-strong: var(--lavande);
  --action: var(--or);
  --on-action: var(--nuit);
  --focus: var(--or);
  --tag-bg: rgba(200, 182, 236, 0.16);
  --tag-text: var(--lavande);
  --lift: 0 24px 48px -28px rgba(0, 0, 0, 0.6);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 88px;
  --radius-sm: 10px;
  --radius-md: 20px;
  --radius-lg: 32px;
  --radius-pill: 999px;
  --font-display: "Plus Jakarta Sans", "Poppins", system-ui, sans-serif;
  --font-body: "Poppins", system-ui, sans-serif;
  --font-accent: "Playfair Display", Georgia, serif;
}