/* tokens.css — Design system Touch-Arts : variables (couleurs, typo, espacements).
   Tout est modifiable ici (ou, à terme, depuis le Dashboard).
   NOTE : en production, les polices seront hébergées en local (woff2) pour
   respecter « aucune dépendance externe ». Import CDN provisoire ci-dessous. */
@import url("https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;0,9..144,700;0,9..144,900;1,9..144,500;1,9..144,600&family=Courier+Prime:ital,wght@0,400;0,700;1,400&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap");

:root{
  /* fonds & neutres */
  --sand:#E7E1CF; --sand-2:#EDE8D9; --sand-deep:#DCD5C1;
  --paper:#F8F5ED; --paper-2:#FCFAF3;
  --ink:#1E1D19; --ink-2:#3A382F; --ink-soft:#6E6A5F; --ink-faint:#928D7E;
  --line:#D9D2BF; --line-soft:#E7E1D2; --card-border:#EAE4D5;
  /* couleurs de la palette */
  --green:#5D7150; --green-deep:#46583C; --green-soft:#E4E7D6;
  --red:#A64B3B; --red-soft:#EEDCD5;
  --gold:#BE8B3C; --gold-soft:#F0E3CB;
  --blue:#6C83A2; --purple:#897BA3; --teal:#7C9E8C; --brown:#9A6A4C;
  --blue-soft:#E0E6EE; --purple-soft:#EAE5F0; --teal-soft:#E0E9E2; --terre-soft:#EEE4DA;
  --pill-bg:#1C1B18; --pill-fg:#F3EFE4;
  --logo-filter:none;
  /* ombres, rayons */
  --shadow:0 1px 2px rgba(30,29,25,.04), 0 10px 30px rgba(30,29,25,.07);
  --shadow-lg:0 2px 4px rgba(30,29,25,.05), 0 24px 60px rgba(30,29,25,.12);
  --radius:16px; --radius-sm:11px; --radius-pill:13px;
  /* typographies */
  --display:"Fraunces",Georgia,serif;
  --body:"Courier Prime","Courier New",monospace;
  --mono:"Space Mono",ui-monospace,monospace;
}

[data-theme="dark"]{
  --sand:#1B1A16; --sand-2:#201E19; --sand-deep:#141310;
  --paper:#252420; --paper-2:#2B2925;
  --ink:#ECE7DA; --ink-2:#D6D0C1; --ink-soft:#A39E8F; --ink-faint:#7C7768;
  --line:#38352C; --line-soft:#2E2C25; --card-border:#34322A;
  --green:#94AB82; --green-deep:#AEC29E; --green-soft:#2C3325;
  --red:#CB7B65; --red-soft:#3A2B26;
  --gold:#D7A95C; --gold-soft:#3A3122;
  --blue:#93A7C1; --purple:#AC9EC4; --teal:#93B7A3; --brown:#BC8D6D;
  --blue-soft:#232833; --purple-soft:#2A2632; --teal-soft:#222A25; --terre-soft:#2E2823;
  --pill-bg:#ECE7DA; --pill-fg:#1B1A16;
  --logo-filter:invert(1) brightness(1.1);
  --shadow:0 1px 2px rgba(0,0,0,.2), 0 10px 30px rgba(0,0,0,.28);
  --shadow-lg:0 2px 4px rgba(0,0,0,.25), 0 24px 60px rgba(0,0,0,.4);
}