/* ============================================================
   CHAMPOLUC · Color tokens
   White dominates. Blue is the accent — never the protagonist.
   Pine green & ambient café are reserved for editorial detail.
   ============================================================ */

:root {
  /* ---- Neutrals · the white-dominant canvas ---- */
  --white:     #ffffff;
  --paper:     #fbfbfd;   /* page canvas — barely-there cool white */
  --mist:      #f4f5f7;   /* subtle panel fill */
  --cloud:     #eceef1;   /* raised tonal surface */
  --silver:    #dde1e6;   /* hairline borders */
  --ash:       #c2c9d0;   /* strong border / disabled stroke */
  --steel:     #97a0a9;   /* muted / placeholder text */
  --graphite:  #5b626a;   /* secondary text */
  --slate:     #353b41;   /* strong secondary */
  --ink:       #1b2127;   /* primary text — near-black, cool */

  /* ---- Brand blue · the single accent ---- */
  --blue:       #276d9c;  /* primary brand blue */
  --blue-deep:  #1d567c;  /* hover / pressed */
  --blue-press: #174864;  /* active */
  --blue-soft:  #6a9abb;  /* tints, secondary marks */
  --blue-mist:  #e9f1f6;  /* faint wash backgrounds */
  --blue-line:  #c4dae8;  /* tinted borders on wash */

  /* ---- Editorial accents · detail only, never primary ground ---- */
  --pine:       #4c593b;  /* alpine pine green */
  --pine-soft:  #89917d;
  --pine-mist:  #eef0ea;
  --cafe:       #8d6d58;  /* ambient café brown */
  --cafe-soft:  #b09a8b;
  --cafe-mist:  #f2ece7;

  /* ---- Functional / status (kept desaturated, brand-harmonised) ---- */
  --success:      #4c593b;
  --success-mist: #eef0ea;
  --danger:       #9c4242;
  --danger-mist:  #f5ebeb;
  --warning:      #8d6d58;
  --warning-mist: #f2ece7;
  --info:         #276d9c;
  --info-mist:    #e9f1f6;

  /* ============================================================
     Semantic aliases — reference these in components
     ============================================================ */

  /* Surfaces */
  --bg-canvas:      var(--paper);
  --surface:        var(--white);
  --surface-subtle: var(--mist);
  --surface-sunken: var(--cloud);
  --surface-wash:   var(--blue-mist);
  --surface-invert: var(--blue);     /* brand prefers blue, not black, for inverse */

  /* Text */
  --text-primary:   var(--ink);
  --text-secondary: var(--graphite);
  --text-muted:     var(--steel);
  --text-on-accent: var(--white);
  --text-accent:    var(--blue);
  --text-link:      var(--blue);

  /* Lines & accents */
  --border:         var(--silver);
  --border-strong:  var(--ash);
  --border-accent:  var(--blue-line);
  --accent:         var(--blue);
  --accent-hover:   var(--blue-deep);
  --accent-press:   var(--blue-press);
  --focus-ring:     var(--blue-soft);
}