/* 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. */
@font-face{font-family:'Folio Std';src:url('../fonts/FolioStd-ExtraBold.otf.woff2') format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:'Folio Std';src:url('../fonts/FolioStd-Bold.otf.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Folio Std';src:url('../fonts/FolioStd-Medium.otf.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Myriad Pro';src:url('../fonts/MyriadPro-Regular.otf.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Myriad Pro';src:url('../fonts/MyriadPro-Light.otf.woff2') format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:'Myriad Pro';src:url('../fonts/MyriadPro-Semibold.otf.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Myriad Pro Cond';src:url('../fonts/MyriadPro-BoldCond.otf.woff2') format('woff2');font-weight:700;font-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:#E0512F; --green-deep:#C9431F; --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:invert(1);
  /* 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:"Folio Std",Georgia,sans-serif;
  --body:"Myriad Pro",system-ui,sans-serif;
  --mono:"Myriad Pro Cond","Myriad Pro",sans-serif;
}

[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:#FF7A52; --green-deep:#FF5A34; --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:none;
  --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);
}