/* Zoolinko v2 : jetons. Palette « Sauge & Terracotta » (décision Anthony 10/11/2026) = hex exacts de l'app Flutter (theme.dart, ZL_PALETTE=sauge).
   Source unique : /mnt/data/zoolinko-engine/brand/palette.json. Mode sombre : prefers-color-scheme ou html[data-theme]. */
@font-face{font-family:"Fredoka";src:url(../fonts/fredoka.woff2) format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:"Nunito";src:url(../fonts/nunito.woff2) format("woff2");font-weight:400 800;font-display:swap}

:root{
  color-scheme:light;
  /* App : nuit #24302B · sarcelle #4A6B59 · turquoise #6F927D · ciel #C9D6B8 · ecume #EBF0E8 · blanc #FFFEFB
           sable #E8B56A · corail #D9765A · fond #F6F4EE · txt2 #5F6D64 · tabOff #8E9A92 · hairline #E4E7DF · divider #EEF0EA */
  --sage:#C9D6B8; --sage-300:#DAE3D0; --sage-100:#EBF0E8; --sage-50:#F1F4EE;      /* champ sauge (ciel, ecume) */
  --forest:#4A6B59; --forest-700:#3D5A4A; --forest-900:#263A30;                  /* sarcelle (primaire) */
  --ink:#24302B; --ink-2:#5F6D64; --ink-3:#66746B;                                /* nuit, txt2 */
  --honey:#E8B56A; --honey-600:#8A5E10; --honey-100:#FBF0DC;                      /* sable, soon */
  --terra:#D9765A; --terra-700:#B24328;                                           /* corail, late */
  --gold:#E8B56A;
  --cream:#EBF0E8; --paper:#F6F4EE; --surface:#FFFEFB;                            /* ecume, fond, blanc */
  --coral:#B24328; --coral-500:#D9765A; --coral-100:#FBE3DB;                      /* urgences */
  --ok-bg:#E1EFE3; --ok-fg:#2F6B45; --info-bg:#E3F1FA; --info-fg:#2A6E93;
  --coal:#24302B;
  --line:#E4E7DF; --divider:#EEF0EA; --tab-off:#8E9A92;
  --on-forest:#FFFEFB; --on-ink:#FFFEFB; --field:#FFFEFB;
  --top-glass:rgba(201,214,184,.92); --foot-ink:#EBF0E8;
  --shade:46,38,34;

  --f-display:"Fredoka","Nunito",ui-rounded,system-ui,sans-serif;
  --f-ui:"Nunito",system-ui,-apple-system,"Segoe UI",sans-serif;

  --r-s:12px; --r-m:20px; --r-l:32px; --r-xl:44px;
  --sh-1:0 2px 6px rgba(var(--shade),.06),0 10px 28px rgba(var(--shade),.10);
  --sh-2:0 6px 16px rgba(var(--shade),.10),0 24px 56px rgba(var(--shade),.16);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-spring:cubic-bezier(.34,1.4,.5,1);

  /* Noms de l'app (et de l'ancien système : annuaire, fiches, guides, formulaires) */
  --nuit:var(--ink); --sarcelle:var(--forest); --turquoise:#6F927D; --ciel:#C9D6B8;
  --ecume:var(--cream); --blanc:var(--surface); --sable:var(--honey); --corail:var(--coral-500);
  --grad:linear-gradient(135deg,#4A6B59 0%,#6F927D 100%);          /* « Le Fil » de l'app, sans le bout clair (texte blanc lisible) */
  --grad-fil:linear-gradient(135deg,#4A6B59 0%,#6F927D 48%,#C9D6B8 100%);
  --grad-doux:linear-gradient(180deg,var(--paper) 0%,var(--cream) 100%);
  --grad-sos:linear-gradient(135deg,#D9765A,#F2926F);
  --txt2:var(--ink-2); --txt3:var(--ink-3);
  --shadow-1:var(--sh-1); --shadow-2:var(--sh-2);
  --font-ui:var(--f-ui); --font-display:var(--f-display); --font-mono:ui-monospace,"SF Mono",Menlo,monospace;
  --ease-zoo:var(--ease-spring); --ease-soft:var(--ease-out);
}

/* Mode sombre : mêmes teintes sauge, sur un fond nuit vert */
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){
  color-scheme:dark;
  --sage:#3A4A3F; --sage-300:#33423A; --sage-100:#2A352E; --sage-50:#1F2822;
  --forest:#9DBBA3; --forest-700:#B8D0BE; --forest-900:#111814;
  --ink:#EBF0E8; --ink-2:#B9C2BA; --ink-3:#9AA59D;
  --honey:#E8B56A; --honey-600:#F2CF86; --honey-100:#433F29;
  --terra:#E88A72; --terra-700:#F4A98F;
  --cream:#232C26; --paper:#1A211C; --surface:#24302B;
  --coral:#C4553B; --coral-500:#E88A72; --coral-100:#4E3124;
  --ok-bg:#25382A; --ok-fg:#A9D3AE; --info-bg:#22323B; --info-fg:#9CC3D6;
  --coal:#111814;
  --line:#3A453C; --divider:#2E3830; --tab-off:#7D8A81;
  --on-forest:#24302B; --on-ink:#24302B; --field:#1F2822;
  --top-glass:rgba(35,44,38,.9); --foot-ink:#C9D6B8;
  --shade:0,0,0;
  --turquoise:#8FB09A; --ciel:#C9D6B8;
  --grad:linear-gradient(135deg,#3D5A4A 0%,#4A6B59 100%);
}}
:root[data-theme=dark]{
  color-scheme:dark;
  --sage:#3A4A3F; --sage-300:#33423A; --sage-100:#2A352E; --sage-50:#1F2822;
  --forest:#9DBBA3; --forest-700:#B8D0BE; --forest-900:#111814;
  --ink:#EBF0E8; --ink-2:#B9C2BA; --ink-3:#9AA59D;
  --honey:#E8B56A; --honey-600:#F2CF86; --honey-100:#433F29;
  --terra:#E88A72; --terra-700:#F4A98F;
  --cream:#232C26; --paper:#1A211C; --surface:#24302B;
  --coral:#C4553B; --coral-500:#E88A72; --coral-100:#4E3124;
  --ok-bg:#25382A; --ok-fg:#A9D3AE; --info-bg:#22323B; --info-fg:#9CC3D6;
  --coal:#111814;
  --line:#3A453C; --divider:#2E3830; --tab-off:#7D8A81;
  --on-forest:#24302B; --on-ink:#24302B; --field:#1F2822;
  --top-glass:rgba(35,44,38,.9); --foot-ink:#C9D6B8;
  --shade:0,0,0;
  --turquoise:#8FB09A; --ciel:#C9D6B8;
  --grad:linear-gradient(135deg,#3D5A4A 0%,#4A6B59 100%);
}