/* ==========================================================================
   SANISERVE — Design tokens
   Direction : atelier artisan moderne. Bleu-pétrole de la marque associé à
   un cuivre chaud (évoquant la tuyauterie), fond gris-eau froid plutôt que
   crème, slab-serif pour les titres (solidité, outillage), grotesque chaud
   pour le texte courant et l'interface.
   ========================================================================== */

:root {
  /* Couleurs de marque */
  --color-primary: #194d62;
  --color-primary-dark: #0e2e3b;
  --color-primary-light: #3d7690;
  --color-copper: #b6702f;
  --color-copper-dark: #8f5622;

  /* Fond & surfaces */
  --color-bg: #f3f6f6;
  --color-surface: #ffffff;
  --color-surface-tint: #eaf0f1;

  /* Texte */
  --color-ink: #182229;
  --color-ink-soft: #4d5c64;
  --color-ink-faint: #7c8990;
  --color-on-primary: #f3f6f6;

  /* Bordures */
  --color-border: #dde3e5;
  --color-border-strong: #b9c4c8;

  /* États */
  --color-success: #2f7d5a;
  --color-error: #b3402c;
  --color-info: #194d62;

  /* Typographie */
  --font-headline: "Zilla Slab", "Georgia", serif;
  --font-body: "Karla", "Segoe UI", sans-serif;

  --fs-hero: clamp(2.1rem, 4.2vw, 3.4rem);
  --fs-h1: clamp(1.9rem, 3.2vw, 2.6rem);
  --fs-h2: clamp(1.5rem, 2.4vw, 1.9rem);
  --fs-h3: 1.25rem;
  --fs-body: 1.05rem;
  --fs-small: 0.9rem;

  /* Rythme / espacements */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.75rem;
  --space-lg: 3rem;
  --space-xl: 5rem;

  --radius-sm: 4px;
  --radius-md: 10px;

  --max-width: 1180px;
  --line-max: 68ch;

  --shadow-card: 0 1px 2px rgba(14, 46, 59, 0.06), 0 6px 20px rgba(14, 46, 59, 0.07);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-bg: #0f1a1f;
    --color-surface: #16232a;
    --color-surface-tint: #1c2b33;
    --color-ink: #eef3f4;
    --color-ink-soft: #b9c6cb;
    --color-ink-faint: #84949b;
    --color-border: #26363f;
    --color-border-strong: #34474f;
    --color-on-primary: #f3f6f6;
  }
}

:root[data-theme="dark"] {
  --color-bg: #0f1a1f;
  --color-surface: #16232a;
  --color-surface-tint: #1c2b33;
  --color-ink: #eef3f4;
  --color-ink-soft: #b9c6cb;
  --color-ink-faint: #84949b;
  --color-border: #26363f;
  --color-border-strong: #34474f;
  --color-on-primary: #f3f6f6;
}