/* EL-PSY — tokens du design system (source : tokens.json du design system EL-PSY).
   Le site s'ouvre toujours en thème Jour. Le thème Nuit s'active avec data-theme="nuit" sur <html>. */
:root {
  /* Couleurs — Jour */
  --canvas: #f6f1e8;
  --surface-1: #fffdf8;
  --surface-2: #ebe4d6;
  --hairline: #d9d0bf;
  --hairline-strong: #8c8676;
  --ink: #16302c;
  --ink-muted: #55665f;
  --primary: #1f4d47;
  --on-primary: #fbf8f1;
  --accent: #1a6f66;
  --teal: #1f4d47;
  --on-teal: #fbf8f1;
  --spot-sage: #a9c4b0;
  --spot-terracotta: #d98a6a;
  --spot-sable: #e8c99a;
  --on-spot: #16302c;
  --success: #17697a;
  --danger: #b3402e;

  /* Typographie */
  --font-display: Fraunces, Georgia, serif;
  --font-sans: Figtree, system-ui, sans-serif;

  /* Espacement */
  --space-hair: 1px;
  --space-xxs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 15px;
  --space-lg: 20px;
  --space-xl: 30px;
  --space-xxl: 40px;
  --space-section: 96px;

  /* Rayons */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 15px;
  --radius-xl: 20px;
  --radius-xxl: 30px;
  --radius-pill: 100px;

  /* Ombre */
  --shadow-float: 0 10px 30px rgba(22, 48, 44, 0.10);
}

:root[data-theme="nuit"] {
  --canvas: #0c1413;
  --surface-1: #142120;
  --surface-2: #1c2d2b;
  --hairline: #2a3d3a;
  --hairline-strong: #6b827d;
  --ink: #f3eee4;
  --ink-muted: #a3b3ad;
  --primary: #f3eee4;
  --on-primary: #0c1413;
  --accent: #7fd1c3;
  --teal: #2f7268;
  --success: #7cc7dc;
  --danger: #f09a85;
  --shadow-float: 0 10px 30px rgba(0, 0, 0, 0.35);
}

@media (max-width: 810px) {
  :root {
    --space-section: 64px;
  }
}