/* tokens.css — Design system RAGGASOUNDSYSTEM : rouge roots + logo blanc + typo tranchante.
   Tout est modifiable ici (ou, à terme, depuis le Dashboard). */
@import url("https://fonts.googleapis.com/css2?family=Anton&family=Oswald:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap");

:root{
  /* fonds & neutres — déclinaisons de rouge roots */
  --sand:#7c1417; --sand-2:#8a181b; --sand-deep:#5f0f12;
  --paper:#5c0d0f; --paper-2:#6b1114;
  --ink:#f4e9dd; --ink-2:#eaded0; --ink-soft:#d7b3aa; --ink-faint:#bd9089;
  --line:rgba(244,233,221,.16); --line-soft:rgba(244,233,221,.09); --card-border:rgba(244,233,221,.14);
  /* accents */
  --green:#e6b653; --green-deep:#cf9c3f; --green-soft:#701519;
  --red:#c9432f; --red-soft:#6a1116;
  --gold:#e6b653; --gold-soft:#7a2118;
  --blue:#e6b653; --purple:#e6b653; --teal:#e6b653; --brown:#c9432f;
  --blue-soft:#6a1116; --purple-soft:#6a1116; --teal-soft:#701519; --terre-soft:#6a1116;
  --pill-bg:#e6b653; --pill-fg:#3a0a0b;
  --logo-filter:none;   /* le logo est déjà blanc */
  /* ombres, rayons */
  --shadow:0 1px 2px rgba(0,0,0,.14), 0 12px 30px rgba(0,0,0,.28);
  --shadow-lg:0 2px 4px rgba(0,0,0,.2), 0 24px 60px rgba(0,0,0,.42);
  --radius:16px; --radius-sm:11px; --radius-pill:13px;
  /* typographies */
  --display:"Anton",Impact,"Haettenschweiler",sans-serif;
  --body:"Inter",system-ui,sans-serif;
  --mono:"Oswald",ui-monospace,monospace;
}

/* thème « nuit » = rouge encore plus profond (reste dans la charte) */
[data-theme="dark"]{
  --sand:#4a0b0d; --sand-2:#560d10; --sand-deep:#380809;
  --paper:#360809; --paper-2:#440a0c;
  --ink:#f4e9dd; --ink-2:#e7d8c9; --ink-soft:#caa79e; --ink-faint:#a97f78;
  --line:rgba(244,233,221,.14); --line-soft:rgba(244,233,221,.07); --card-border:rgba(244,233,221,.12);
  --green:#e6b653; --green-deep:#cf9c3f; --green-soft:#4a0f12;
  --red:#d1573f; --red-soft:#3f0b0f;
  --gold:#e6b653; --gold-soft:#4a160f;
  --pill-bg:#e6b653; --pill-fg:#2a0708;
  --logo-filter:none;
}