/* ============================================================
   Solvio — Color tokens
   One primary (Navy), one main accent (Mint), one reserved
   AI signal (Lavender). Warm bone neutrals — never cold grey.
   ============================================================ */

:root {
  /* ---- Brand: base values ---- */
  --navy:       #0E2A4E;   /* deep navy — primary ink & surfaces */
  --navy-900:   #07173A;   /* deeper navy — backgrounds, viz wells */
  --navy-700:   #1A3A65;   /* hover / secondary navy */
  --mint:       #3DD9B0;   /* signature accent — caret, brand-root, on dark */
  --mint-deep:  #1FBFA0;   /* hover / readable mint on bone */

  /* ---- SolvAI: reserved channel (AI/SolvAI sections only) ---- */
  --ai:         #B79CFF;   /* lavender — SolvAI signal on dark */
  --ai-deep:    #8E6FE0;   /* lavender deep — SolvAI text on light */

  /* ---- Neutrals: warm bone ---- */
  --bone:       #F6F4EF;   /* page background */
  --bone-2:     #ECE9E1;   /* second surface — cards, stages */
  --line:       #DCD6C9;   /* hairlines, dividers */
  --paper:      #FFFFFF;   /* true white — print pieces only */

  /* ---- Ink: navy at opacity ramps (text on bone) ---- */
  --ink:        #0E2A4E;
  --ink-70:     rgba(14, 42, 78, 0.70);   /* body copy */
  --ink-50:     rgba(14, 42, 78, 0.50);   /* meta, captions */
  --ink-30:     rgba(14, 42, 78, 0.30);   /* disabled, faint rules */
  --ink-10:     rgba(14, 42, 78, 0.10);   /* faint surfaces, borders */
  --ink-05:     rgba(14, 42, 78, 0.06);   /* hover wells, tints */

  /* ---- Bone on dark: bone at opacity ramps (text on navy) ---- */
  --bone-70:    rgba(246, 244, 239, 0.70);
  --bone-50:    rgba(246, 244, 239, 0.50);
  --bone-30:    rgba(246, 244, 239, 0.30);
  --bone-10:    rgba(246, 244, 239, 0.10);

  /* ---- Semantic tints (badges, states) ---- */
  --mint-tint:  rgba(61, 217, 176, 0.18);
  --mint-ink:   #0E7559;                   /* mint text, readable on bone */
  --ai-tint:    rgba(183, 156, 255, 0.22);
  --ai-ink:     #5B3FB2;                   /* AI text, readable on bone */
  --warn-tint:  rgba(245, 181, 68, 0.22);
  --warn-ink:   #8C5A0E;

  /* ---- Status (from solvio.nl — indicators, system status) ---- */
  --ok:         #2BB673;   /* operational / success */
  --warn:       #E8A33B;   /* degraded / attention */
  --err:        #D14848;   /* down / error */
  --wa:         #25D366;   /* WhatsApp brand (contact buttons) */
  --wa-deep:    #1DA851;

  /* ---- Semantic aliases ---- */
  --bg-page:        var(--bone);
  --bg-surface:     var(--bone-2);
  --bg-inverse:     var(--navy);
  --bg-inverse-deep: var(--navy-900);

  --text-strong:    var(--navy);
  --text-body:      var(--ink-70);
  --text-muted:     var(--ink-50);
  --text-on-dark:   var(--bone);
  --text-on-dark-muted: var(--bone-70);

  --accent:         var(--mint);
  --accent-hover:   var(--mint-deep);
  --accent-on-bone: var(--mint-deep);
  --focus-ring:     rgba(61, 217, 176, 0.30);

  --border:         var(--ink-10);
  --border-strong:  var(--ink-30);
  --hairline:       var(--line);
}