/* Fleurale — Color system
   The palette is bold and saturated: an electric ultramarine anchors everything,
   pollen yellow is the primary accent, and three seasonal hues rotate in.
   Backgrounds are warm paper cream or full-bleed saturated color. */

:root {
  /* ---- Brand core (raw values, from the brand guide) ---- */
  --blue-electric: #0426d5;   /* Bleu électrique — primary, signage, wordmark */
  --blue-light:    #79afea;   /* Bleu clair — Hiver / soft accents */
  --yellow-pollen: #f9c739;   /* Jaune pollen — primary accent / Été */
  --pink-peony:    #ffbace;   /* Rose pivoine — Printemps / soft accent */
  --red-poppy:     #a42b00;   /* Rouge coquelicot — Automne / warm ground */

  /* ---- Tints & shades (harmonised in oklch off the brand hues) ---- */
  --blue-electric-deep: #021a99;  /* pressed / shadow blue */
  --blue-electric-700:  #0320b8;
  --blue-wash:          #e6ebfb;  /* faint blue tint on cream */
  --yellow-deep:        #e0ac1e;  /* pollen, pressed */
  --yellow-wash:        #fdf1cf;
  --red-poppy-deep:     #822200;
  --pink-deep:          #f58aa8;

  /* ---- Neutrals: warm paper, not grey ---- */
  --paper:      #f4ead9;   /* primary warm cream background */
  --paper-soft: #faf5ec;   /* lighter card cream */
  --paper-deep: #ece0c9;   /* recessed cream / borders */
  --ink:        #1c1305;   /* warm near-black text on light */
  --ink-soft:   #5b4a2e;   /* muted warm brown, secondary text */
  --cream-on-dark: #f3ead9;/* text on saturated grounds */

  /* ---- Semantic aliases ---- */
  --bg-page:        var(--paper);
  --bg-page-alt:    var(--blue-electric);   /* the "hero" saturated ground */
  --surface-card:   var(--paper-soft);
  --surface-sunk:   var(--paper-deep);
  --border-subtle:  #dccdae;
  --border-strong:  var(--ink);

  --text-heading:   var(--blue-electric);
  --text-body:      var(--ink);
  --text-muted:     var(--ink-soft);
  --text-on-blue:   var(--yellow-pollen);
  --text-on-blue-2: var(--cream-on-dark);
  --text-on-yellow: var(--blue-electric);
  --text-on-red:    var(--yellow-pollen);

  --accent:         var(--yellow-pollen);
  --accent-ink:     var(--blue-electric);
  --focus-ring:     var(--blue-electric);

  --link:           var(--blue-electric);
  --link-hover:     var(--red-poppy);

  /* ---- Season accents (semantic) ---- */
  --season-printemps: var(--pink-peony);
  --season-ete:       var(--yellow-pollen);
  --season-automne:   var(--red-poppy);
  --season-hiver:     var(--blue-light);
}