/* ============================================================
   INWIN · COLORS
   Source: Charte graphique Inwin 2021 — "Palette de couleurs"
   The universe derives from the 6 logotype colours (la couronne)
   + greys. Print uses CMYK; web/office use RVB/Hex (values below).
   ============================================================ */
:root {
  /* ---- Petal colours (la couronne) — RVB / Hex from charte ---- */
  --inwin-bleu:        #2399D6;  /* BLEU PÉTAL   · Pantone 7688 C */
  --inwin-vert:        #10AAAE;  /* VERT PÉTAL   · Pantone 7710 C (teal) */
  --inwin-orange:      #EE781E;  /* ORANGE PÉTAL · Pantone 158 C */
  --inwin-rouge:       #E21E57;  /* ROUGE PÉTAL  · Pantone 1925 C */
  --inwin-rose:        #E01481;  /* ROSE PÉTAL   · Pantone 219 C */

  /* ---- Greys ---- */
  --inwin-gris:        #3D3E3E;  /* GRIS INWIN®   — wordmark charcoal, primary text */
  --inwin-gris-base:   #535E62;  /* GRIS BASELINE — "DIGITAL EXPERT" / secondary text */
  --inwin-gris-web:    #706C6C;  /* GRIS PRINT & WEB — body copy on web */

  /* ---- Tints (derived, oklch-harmonised with the brand) ---- */
  --inwin-bleu-50:     #E9F5FC;
  --inwin-vert-50:     #E3F6F6;
  --inwin-orange-50:   #FDEEE0;
  --inwin-rouge-50:    #FCE5EC;
  --inwin-rose-50:     #FCE2F0;

  --inwin-bleu-700:    #1A75A6;
  --inwin-vert-700:    #0C8285;
  --inwin-orange-700:  #C85F12;
  --inwin-rouge-700:   #B01544;
  --inwin-rose-700:    #B00F66;

  /* ---- Neutrals / surfaces ---- */
  --inwin-noir:        #1F2122;  /* near-black, dark surfaces & CTA */
  --inwin-gris-300:    #C9CDCE;  /* hairline borders */
  --inwin-gris-200:    #E2E5E6;  /* subtle borders / dot pattern */
  --inwin-gris-100:    #EFF1F2;  /* light grey decorative blobs */
  --inwin-gris-50:     #F6F7F8;  /* page wash */
  --inwin-blanc:       #FFFFFF;

  /* ============================================================
     SEMANTIC ALIASES — reference these in product UI
     ============================================================ */
  --color-primary:        var(--inwin-bleu);
  --color-primary-hover:   var(--inwin-bleu-700);
  --color-accent:          var(--inwin-rose);
  --color-accent-2:        var(--inwin-orange);
  --color-accent-3:        var(--inwin-vert);
  --color-accent-4:        var(--inwin-rouge);

  --text-strong:           var(--inwin-gris);       /* headings */
  --text-body:             var(--inwin-gris-web);   /* paragraphs */
  --text-muted:            var(--inwin-gris-base);
  --text-on-color:         var(--inwin-blanc);
  --text-on-dark:          var(--inwin-blanc);

  --surface-page:          var(--inwin-gris-50);
  --surface-card:          var(--inwin-blanc);
  --surface-dark:          var(--inwin-noir);
  --surface-wash:          var(--inwin-gris-100);

  --border-subtle:         var(--inwin-gris-200);
  --border-default:        var(--inwin-gris-300);

  /* ---- Petal sequence — for cycling accents across cards/slides ---- */
  --seq-1: var(--inwin-bleu);
  --seq-2: var(--inwin-rose);
  --seq-3: var(--inwin-orange);
  --seq-4: var(--inwin-vert);
  --seq-5: var(--inwin-rouge);
}