/* ── Design tokens Cocoach V3 « Braise » ──
   Direction retenue le 2026-07-19 (maquettes : artifact « Trois identités »).
   Ossature d'instrument (jauge, grilles, mono) en matière chaude :
   nuit espresso / jour lin, accent cuivre.
   Règle d'identité : la machine écrit en IBM Plex Mono (données, labels),
   le coach écrit en Lora (titres, verdicts) et en Caveat (notes manuscrites —
   rare, ≤ 2 occurrences par écran). La nuit le coach écrit à la craie
   (--color-pen crème), le jour au stylo bleu. */

@font-face {
  font-family: "Lora";
  src: url("/fonts/lora.woff2?v=1") format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lora";
  src: url("/fonts/lora-italic.woff2?v=1") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Caveat";
  src: url("/fonts/caveat.woff2?v=1") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Mono";
  src: url("/fonts/plex-mono.woff2?v=1") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Mono";
  src: url("/fonts/plex-mono-600.woff2?v=1") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

[data-theme="light"], :root {
  --color-bg-primary:    #F7F1E8;   /* lin */
  --color-bg-secondary:  #EFE6D8;
  --color-bg-card:       #FDFAF4;
  --color-bg-input:      #FDFAF4;
  --color-bg-inset:      #F3EBDE;   /* fonds encastrés dans une carte */

  --color-text-primary:  #2A211A;
  --color-text-secondary:#6E5F4E;
  --color-text-muted:    #A08D76;
  --color-text-inverse:  #FDFAF4;

  --color-accent:        #B4691E;   /* cuivre jour */
  --color-accent-dark:   #92500F;
  --color-accent-light:  #D08A45;
  --color-accent-xlight: #F6E7D4;
  --accent-grad:         linear-gradient(135deg, #C67A2E, #A35A14);

  --color-pen:           #2B4C9B;   /* stylo bleu du coach (Caveat) */

  --color-border:        #E6D9C7;
  --color-border-strong: #C9B79D;

  --color-success:       #2E7D4F;  --color-success-bg: #E4EFE2;
  --color-warning:       #B8860B;  --color-warning-bg: #F5EBD2;
  --color-danger:        #A93226;  --color-danger-bg:  #F4E1DC;
  --color-info:          #2B4C9B;  --color-info-bg:    #E4EAF5;

  /* Zones readiness — validées (dataviz) sur surface #FDFAF4 */
  --zone-green:  #2E7D4F;  --zone-green-bg:  #E3F0E6;
  --zone-blue:   #2B4C9B;  --zone-blue-bg:   #E4EAF5;
  --zone-yellow: #B8860B;  --zone-yellow-bg: #F5EBD2;
  --zone-red:    #A93226;  --zone-red-bg:    #F6E2DE;

  /* Types de séance */
  --session-muay-thai: #A93226;  --session-muay-thai-bg: #F4E1DC;
  --session-muscu:     #2B4C9B;  --session-muscu-bg:     #E4EAF5;
  --session-cardio:    #B8860B;  --session-cardio-bg:    #F5EBD2;
  --session-mobilite:  #7A5FA0;  --session-mobilite-bg:  #EDE7F4;
  --session-repos:     #6E5F4E;  --session-repos-bg:     #EFE7DA;

  /* Élévation — discrète, les hairlines structurent */
  --shadow-sm: 0 1px 2px rgba(58, 41, 24, 0.05), 0 1px 6px rgba(58, 41, 24, 0.04);
  --shadow-md: 0 2px 6px rgba(58, 41, 24, 0.05), 0 10px 28px -10px rgba(58, 41, 24, 0.14);
  --shadow-lg: 0 4px 12px rgba(58, 41, 24, 0.08), 0 20px 48px -12px rgba(58, 41, 24, 0.24);
  --shadow-accent: 0 4px 14px -4px rgba(180, 105, 30, 0.4);

  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display: "Lora", Georgia, "Times New Roman", serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --font-hand: "Caveat", "Segoe Script", cursive;

  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-lg:   16px;
  --radius-full: 9999px;

  --nav-glass: rgba(247, 241, 232, 0.88);
}

[data-theme="dark"] {
  --color-bg-primary:    #191310;   /* espresso */
  --color-bg-secondary:  #251C15;
  --color-bg-card:       #211A14;
  --color-bg-input:      #2C2219;
  --color-bg-inset:      #281F17;

  --color-text-primary:  #F0E7DC;
  --color-text-secondary:#B5A18B;
  --color-text-muted:    #7E6C58;
  --color-text-inverse:  #191310;

  --color-accent:        #DFA05E;   /* cuivre nuit */
  --color-accent-dark:   #C08040;
  --color-accent-light:  #EBBE8C;
  --color-accent-xlight: #3A2A18;
  --accent-grad:         linear-gradient(135deg, #E2A765, #C98A42);

  --color-pen:           #EFD9B8;   /* craie — le coach écrit à la craie la nuit */

  --color-border:        #362A20;
  --color-border-strong: #57453A;

  --color-success:       #23A96E;  --color-success-bg: #1D2C22;
  --color-warning:       #C7961B;  --color-warning-bg: #2E2513;
  --color-danger:        #E85747;  --color-danger-bg:  #331D18;
  --color-info:          #5B8FE8;  --color-info-bg:    #1C2433;

  /* Zones readiness — jaune/rouge au plancher CVD, toujours libellées + position jauge */
  --zone-green:  #23A96E;  --zone-green-bg:  #1B2A20;
  --zone-blue:   #5B8FE8;  --zone-blue-bg:   #1B2434;
  --zone-yellow: #C7961B;  --zone-yellow-bg: #2E2513;
  --zone-red:    #E85747;  --zone-red-bg:    #33201B;

  --session-muay-thai: #E85747;  --session-muay-thai-bg: #33201B;
  --session-muscu:     #5B8FE8;  --session-muscu-bg:     #1C2433;
  --session-cardio:    #C7961B;  --session-cardio-bg:    #2E2513;
  --session-mobilite:  #A995C4;  --session-mobilite-bg:  #272031;
  --session-repos:     #B5A18B;  --session-repos-bg:     #251C15;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.25);
  --shadow-md: 0 2px 8px rgba(0, 0, 0, 0.3), 0 12px 28px -10px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 6px 16px rgba(0, 0, 0, 0.4), 0 24px 48px -12px rgba(0, 0, 0, 0.6);
  --shadow-accent: 0 4px 14px -4px rgba(223, 160, 94, 0.35);

  --nav-glass: rgba(25, 19, 16, 0.88);
}