/* ===========================================================================
   ÎLE DES EMBIEZ — Colour tokens
   A maritime palette: pure cobalt blue ("Bleu Pur"), floral-white paper,
   warm beige, and a soft secondary range drawn from the brand illustrations.
   The brand is almost monochrome — blue on cream — with accents used sparingly.
   =========================================================================== */

:root {
  /* ---- Core brand ------------------------------------------------------- */
  --bleu-pur:        #1E50A0;   /* primary — logo, type, line illustrations  */
  --bleu-profond:    #163F80;   /* hover / pressed / deep sea                */
  --bleu-nuit:       #0E2A55;   /* darkest blue, near-ink on cream           */
  --blanc-floral:    #EEEDE8;   /* primary paper background ("Blanc Floral")  */
  --blanc-floral-2:  #F4F1E9;   /* lighter cream, panels                      */
  --beige:           #D8CBB3;   /* warm sand beige                            */
  --beige-clair:     #E7DECB;   /* light sand                                 */
  --noir:            #15171A;   /* brand near-black                           */
  --blanc:           #FFFFFF;

  /* ---- Secondary accents (from the illustration / couleurs studies) ----- */
  --ciel:            #A9D6E5;   /* pale sky blue                             */
  --rose-tendre:     #ECB9CE;   /* soft pink                                 */
  --vert-pin:        #5E7D52;   /* pine / maquis green                       */
  --ocre:            #CF901E;   /* sunlit ochre                              */
  --terracotta:      #C56A47;   /* terracotta / clay                         */
  --sable:           #E3D7BE;   /* sand                                      */

  /* ---- Functional / state ---------------------------------------------- */
  --positif:         #5E7D52;
  --alerte:          #C56A47;

  /* ---- Semantic surfaces ----------------------------------------------- */
  --surface-page:        var(--blanc-floral);
  --surface-panel:       var(--blanc-floral-2);
  --surface-card:        var(--blanc);
  --surface-invert:      var(--bleu-pur);
  --surface-invert-deep: var(--bleu-nuit);

  /* ---- Semantic text ---------------------------------------------------- */
  --text-primary:    var(--bleu-pur);   /* headlines, brand voice            */
  --text-ink:        var(--noir);       /* long-form body copy               */
  --text-muted:      #6E6A60;           /* captions, meta on cream           */
  --text-on-blue:    var(--blanc-floral);
  --text-on-blue-mut: #B9C8E0;

  /* ---- Lines & borders -------------------------------------------------- */
  --line-soft:       rgba(21, 23, 26, 0.12);
  --line-blue:       rgba(30, 80, 160, 0.28);
  --line-on-blue:    rgba(238, 237, 232, 0.30);
}