/* Com-Pass Consultant — Color tokens
   Palette strictly per Guide de Branding: navy / orange / grey + neutral supports.
   Rule: max 3 colors on a page. Orange is accent only, never a large fill. */

:root {
  /* ── Brand core ─────────────────────────────── */
  --cp-navy:            #1B2D5B; /* Primaire — structure & autorité */
  --cp-orange:          #C07030; /* Accent — action & mise en valeur */
  --cp-grey:            #6B7280; /* Neutre — texte secondaire, hiérarchie */

  /* ── Navy tints/shades (derived, harmonious) ── */
  --cp-navy-900:        #101a37;
  --cp-navy-800:        #1B2D5B; /* = brand navy */
  --cp-navy-700:        #26386a;
  --cp-navy-600:        #33477d;
  --cp-navy-050:        #eef1f7;

  /* ── Orange tints/shades ─────────────────────── */
  --cp-orange-700:      #9c5824;
  --cp-orange-600:      #C07030; /* = brand orange */
  --cp-orange-500:      #d0894e;
  --cp-orange-050:      #f8efe6;

  /* ── Neutral supports (per guide §2) ─────────── */
  --cp-white:           #FFFFFF; /* Blanc pur */
  --cp-grey-050:        #F2F4F7; /* Fond doux — tableaux, zones info */
  --cp-border:          #CCCCCC; /* Ligne fine — bordures, séparateurs */
  --cp-ink:             #333333; /* Corps de texte principal */

  /* ── Semantic aliases ────────────────────────── */
  --text-heading:       var(--cp-navy);
  --text-body:          var(--cp-ink);
  --text-muted:         var(--cp-grey);
  --text-on-navy:       var(--cp-white);
  --text-accent:        var(--cp-orange);

  --surface-page:       var(--cp-white);
  --surface-soft:       var(--cp-grey-050);
  --surface-navy:       var(--cp-navy);
  --surface-card:       var(--cp-white);

  --border-hairline:    var(--cp-border);
  --border-strong:      var(--cp-navy);
  --accent-bar:         var(--cp-orange);

  --focus-ring:         var(--cp-orange);
  --link:               var(--cp-navy);
  --link-hover:         var(--cp-orange);
}