/* =====================================================================
   BRAND / CHARTE GRAPHIQUE — Famiflora
   ---------------------------------------------------------------------
   FR : Ce fichier ne contient QUE les jetons de marque. Pour appliquer
        la charte graphique officielle, il suffit de modifier ce fichier —
        ne touchez pas a style.css.
   NL : Dit bestand bevat ENKEL de merk-tokens. Om de officiele huisstijl
        toe te passen pas je enkel dit bestand aan — style.css blijft
        ongewijzigd.
   ===================================================================== */

:root {
  /* --- Couleurs de marque / Merkkleuren ---------------------------- */
  --c-green-900: #173b24;
  --c-green-800: #1e4f30;
  --c-green-700: #245d39;
  --c-green-600: #397845;
  --c-green-500: #80ba27;
  --c-green-200: #c9dfaa;
  --c-green-100: #e6f0d7;

  /* Accent chaud (fleurs) / Warm accent (bloemen) */
  /* --c-accent-ink : le vert clair de la charte tombe a 3,3:1 sur fond clair,
     sous le seuil WCAG AA (4,5:1) pour du texte de 12-13 px. Les petits textes
     d'accent utilisent donc le vert foncé de la charte ; le vert clair reste sur
     les boutons, pastilles et puces, où il est décoratif.
     Het lichte groen haalt op een lichte achtergrond maar 3,3:1 — te weinig voor
     kleine tekst. Kleine accenttekst gebruikt daarom het donkergroen. */
  --c-accent-ink: #245d39;
  --c-accent-600: #65971d;
  --c-accent-500: #80ba27;
  --c-accent-200: #c9dfaa;
  --c-accent-100: #f1f7e8;

  /* Neutres / Neutralen */
  --c-ink: #173b24;
  --c-ink-soft: #496252;
  --c-ink-muted: #748078;
  --c-line: #dce6d2;
  --c-surface: #f7f9f2;
  --c-surface-2: #ffffff;
  --c-surface-3: #e6f0d7;

  /* Etats / Statussen */
  --c-ok: #397845;
  --c-warn: #a8730d;
  --c-danger: #b23325;

  /* --- Typographie / Typografie ------------------------------------ */
  --font-display: 'Rubik', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body: 'Rubik', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* --- Rayons & ombres / Radii & schaduwen ------------------------- */
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 22px;
  --r-xl: 32px;
  --r-pill: 999px;

  --shadow-sm: 0 1px 2px rgba(18, 48, 28, 0.06), 0 2px 8px rgba(18, 48, 28, 0.05);
  --shadow-md: 0 4px 12px rgba(18, 48, 28, 0.08), 0 16px 40px rgba(18, 48, 28, 0.08);
  --shadow-lg: 0 24px 70px rgba(18, 48, 28, 0.18);

  /* --- Image de fond / Achtergrondbeeld -----------------------------
     Remplacer par l'affiche generee. / Vervangen door de gegenereerde affiche.
     Voir / zie : docs/PROMPT-CODEX-AFFICHE.md                        */
  --hero-image: url('/static/img/hero-bg.jpg');
  --hero-image-portrait: url('/static/img/hero-bg-portrait.jpg');

  /* Hauteur du fondu du bas de l'affiche / hoogte van de fade onderaan */
  --hero-fade: 26%;
}