/* Charte Tetrago : les quatre émaux des bannières du logo
   (sinople, gueules, azur, or), une encre pour les contours et des gris froids teintés d'encre
   pour les fonds (l'os reste réservé au logo, pour ne pas donner un aspect papier).
   Mêmes valeurs que ShardUI-2/src/App.css. */

:root:has(input.theme-controller[value="light"]:checked),
[data-theme="light"] {
  color-scheme: light;
  /* Les quatre émaux sur blanc froid teinté d'encre */
  --color-base-0: #ffffff;
  --color-base-50: #f6f6f9;
  --color-base-100: #ffffff;
  --color-base-150: #f3f3f7;
  --color-base-200: #f0f0f5;
  --color-base-250: #e9e9f0;
  --color-base-300: #e3e3eb;
  --color-base-400: #cdcdd9;
  --color-base-500: #b2b2c2;
  --color-base-content: #17131f;
  --color-primary: #e3a82b; /* or */
  --color-primary-content: #1f1400;
  --color-secondary: #2e4fb0; /* azur */
  --color-secondary-content: #ffffff;
  --color-accent: #1f7a55; /* sinople */
  --color-accent-content: #ffffff;
  --color-neutral: #17131f; /* encre */
  --color-neutral-content: #f2f1f6;
  --color-info: #2e4fb0;
  --color-info-content: #ffffff;
  --color-success: #1f7a55;
  --color-success-content: #ffffff;
  --color-warning: #c98a12;
  --color-warning-content: #1f1400;
  --color-error: #b3263a; /* gueules */
  --color-error-content: #ffffff;
  --radius-selector: 0.5rem;
  --radius-field: 0.375rem;
  --radius-box: 0.75rem;
  --size-selector: 0.25rem;
  --size-field: 0.25rem;
  --border: 1px;
  --depth: 0;
  --noise: 0;
}

:root:has(input.theme-controller[value="dark"]:checked),
[data-theme="dark"] {
  color-scheme: dark;
  /* Les quatre émaux sur encre */
  --color-base-0: #000000;
  --color-base-50: #19161f;
  --color-base-100: #221e2d;
  --color-base-150: #1f1b29;
  --color-base-200: #1c1926;
  --color-base-250: #1a1722;
  --color-base-300: #17141d;
  --color-base-400: #121017;
  --color-base-500: #0d0b11;
  --color-base-content: #ecebf2;
  --color-primary: #e8b04a; /* or */
  --color-primary-content: #1f1400;
  --color-secondary: #6f8ff0; /* azur */
  --color-secondary-content: #0d1230;
  --color-accent: #45b584; /* sinople */
  --color-accent-content: #06170f;
  --color-neutral: #0d0b11; /* encre */
  --color-neutral-content: #ecebf2;
  --color-info: #6f8ff0;
  --color-info-content: #0d1230;
  --color-success: #45b584;
  --color-success-content: #06170f;
  --color-warning: #e8b04a;
  --color-warning-content: #1f1400;
  --color-error: #e5566b; /* gueules */
  --color-error-content: #1a0509;
  --radius-selector: 0.5rem;
  --radius-field: 0.375rem;
  --radius-box: 0.75rem;
  --size-selector: 0.25rem;
  --size-field: 0.25rem;
  --border: 1px;
  --depth: 0;
  --noise: 0;
}

/* Polices et arrondis de la charte. Déclarées hors couche, ces variables
   l'emportent sur celles du thème Tailwind (@layer theme). */
:root {
  --font-sans: "Alegreya Sans", ui-sans-serif, system-ui, sans-serif;
  --font-serif: "Almendra", "Iowan Old Style", Georgia, serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --font-display: "Almendra", "Iowan Old Style", Georgia, serif;
  /* rounded-3xl et rounded-2xl suivent --radius-box (12 px), comme sur le site */
  --radius-3xl: 0.75rem;
  --radius-2xl: 0.625rem;
}

body {
  font-family: var(--font-sans);
}

/* La calligraphie Almendra est réservée aux grands titres (h1, logo, font-display) ;
   les titres de section et de carte restent en Alegreya Sans, plus net à l'écran. */
h1,
.font-display {
  font-family: var(--font-display);
  font-weight: 700;
}

h2,
h3,
.card-title {
  font-family: var(--font-sans);
  font-weight: 700;
}

/* Leaflet fixe sa propre police (leaflet.css, chargé après) : on la surclasse */
body .leaflet-container {
  font-family: var(--font-sans);
}