/* Hallmark · v2.0.0 · stamp: theme custom (carnet de terrain) · genre modern-minimal · scope app · job: pré-remplir un audit RGE · material: données réelles de l'API · signature: la lettre DPE en grand sur le dossier */
/* Critique · papier chaud, encre, un seul accent acide; tables et la lettre DPE portent la hiérarchie; jamais une carte dans une carte. */

:root {
  color-scheme: light;

  /* Surfaces — papier kraft de carnet de terrain */
  --paper: #ebe4d1;
  --paper-2: #e1d6bd;
  --paper-3: #d3c6a8;
  --white: #fffdf7;
  --nav-bg: #f3ecdb;

  /* Encre */
  --ink: #14150d;
  --ink-soft: #494735;
  --ink-faint: #5e5a45;
  --line: #c9bea2;
  --line-strong: #96895f;

  /* Accent — un seul signal acide */
  --acid: #c8f14e;
  --acid-ink: #182200;
  --accent-text: #4c5b0d;
  --ring: #6a7d12;

  /* Sémantique */
  --orange: #b3451f;
  --orange-wash: #f6e1d4;
  --sage: #3f5a34;
  --sage-wash: #dee6d1;
  --warn-box: #fcf7de;
  --warn-line: #ddd27e;
  --warn-text: #4a4424;
  --scrim: rgb(26 27 18 / 0.5);

  /* Étiquettes DPE — couleurs de l'échelle réglementaire, jamais retouchées par la charte */
  --dpe-a: #009C6D;
  --dpe-b: #52B153;
  --dpe-c: #78BD76;
  --dpe-d: #F4E70F;
  --dpe-e: #F0B40F;
  --dpe-f: #EB8235;
  --dpe-g: #D7221F;

  /* Typographie — deux familles + un rôle mono */
  --font-display: "Space Grotesk", "Inter", system-ui, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", "SFMono-Regular", Menlo, Consolas, monospace;

  --text-xs: 0.75rem;
  --text-sm: 0.8125rem;
  --text-base: 0.9375rem;
  --text-lg: 1.0625rem;
  --text-xl: clamp(1.2rem, 1.1rem + 0.5vw, 1.45rem);
  --text-2xl: clamp(1.4rem, 1.25rem + 0.8vw, 1.75rem);
  --text-3xl: clamp(1.7rem, 1.4rem + 1.4vw, 2.3rem);
  --text-4xl: clamp(2rem, 1.5rem + 2vw, 2.9rem);

  /* Espacement */
  --s1: 0.25rem;
  --s2: 0.5rem;
  --s3: 0.75rem;
  --s4: 1rem;
  --s5: 1.5rem;
  --s6: 2rem;
  --s7: 3rem;
  --s8: 4rem;

  /* Rayons — éditorial, jamais en pastille */
  --radius: 4px;
  --radius-lg: 8px;

  --container: 1080px;

  /* Ombres — dures et tactiles, pas de halo */
  --shadow-soft: 0 18px 40px rgb(26 27 18 / 0.12);
  --shadow-hard: 3px 3px 0 var(--ink);
  --shadow-acid: 3px 3px 0 var(--ink);

  --tabbar-h: calc(68px + env(safe-area-inset-bottom, 0px));
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --paper: #1a1712;
    --paper-2: #242019;
    --paper-3: #302a20;
    --white: #262119;
    --nav-bg: #171410;
    --ink: #f2edde;
    --ink-soft: #cfc8b4;
    --ink-faint: #9b937c;
    --line: #3d3629;
    --line-strong: #4c4537;
    --accent-text: #c8f14e;
    --ring: #c8f14e;
    --orange: #ff8a63;
    --orange-wash: #3a241a;
    --sage: #a9c98c;
    --sage-wash: #27351f;
    --warn-box: #201b0e;
    --warn-line: #4c4418;
    --warn-text: #ddd5b4;
    --scrim: rgb(0 0 0 / 0.62);
    --shadow-soft: 0 24px 60px -24px rgb(0 0 0 / 0.7);
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --paper: #1a1712;
  --paper-2: #242019;
  --paper-3: #302a20;
  --white: #262119;
  --nav-bg: #171410;
  --ink: #f2edde;
  --ink-soft: #cfc8b4;
  --ink-faint: #9b937c;
  --line: #3d3629;
  --line-strong: #4c4537;
  --accent-text: #c8f14e;
  --ring: #c8f14e;
  --orange: #ff8a63;
  --orange-wash: #3a241a;
  --sage: #a9c98c;
  --sage-wash: #27351f;
  --warn-box: #201b0e;
  --warn-line: #4c4418;
  --warn-text: #ddd5b4;
  --scrim: rgb(0 0 0 / 0.62);
  --shadow-soft: 0 24px 60px -24px rgb(0 0 0 / 0.7);
}