/* IF Initiative — Color tokens
   Source of truth: "page garde sit.fig" cover page.
   Brand is near-monochrome navy on white, with three reserved accents
   (green, coral, CSRD teal) used sparingly. */

:root {
  /* ---- Base palette ---- */
  --c-navy:        #283246; /* rgb(40,50,70) — the brand color */
  --c-navy-deep:   #1d2535; /* pressed / hover-darken of navy */
  --c-ink:         #000000; /* body copy on white */
  --c-white:       #ffffff;
  --c-surface:     #f9f9f9; /* card / panel fill */
  --c-surface-alt: #ececec; /* secondary fill */
  --c-border:      #d9d9d9; /* hairline dividers, chip fills */
  --c-muted:       #a8a8a8; /* inactive nav, captions */

  /* ---- Accents (use sparingly) ---- */
  --c-green:       #2eaa52; /* "physique & systémique" / positive */
  --c-coral:       #ffab96; /* warm highlight, illustration edges */
  --c-csrd:        #2c7a6b; /* CSRD regulatory block */

  /* ---- Navy alphas (gradients / scrims) ---- */
  --c-navy-a60:    rgba(40, 50, 70, 0.6);
  --c-navy-a10:    rgba(40, 50, 70, 0.1);
  --c-ink-a30:     rgba(0, 0, 0, 0.3);
  --c-ink-a15:     rgba(0, 0, 0, 0.15);
  --c-ink-a10:     rgba(0, 0, 0, 0.1);

  /* ---- Semantic aliases ---- */
  --color-primary:        var(--c-navy);
  --color-on-primary:     var(--c-white);
  --color-bg:             var(--c-white);
  --surface-card:         var(--c-white);
  --surface-muted:        var(--c-surface);
  --surface-chip:         var(--c-border);

  --text-heading:         var(--c-navy);
  --text-body:            var(--c-ink);
  --text-on-dark:         var(--c-white);
  --text-muted:           var(--c-muted);
  --text-link:            var(--c-navy);

  --border-subtle:        var(--c-border);

  --accent-positive:      var(--c-green);
  --accent-warm:          var(--c-coral);
  --accent-regulatory:    var(--c-csrd);
}