/* ============================================================
   AAREON · COLOR TOKENS
   Derived from the 2026 solution-portfolio deck theme palette.
   ============================================================ */

:root {
  /* ---- Brand core ---- */
  --aareon-navy:        #051163; /* primary brand blue — Manage, headings, ink-on-light */
  --aareon-blue:        #086DFB; /* electric accent — Pay, links, focus, CTAs */
  --aareon-coral:       #FF7F62; /* warm accent — Engage */
  --aareon-green:       #50B214; /* growth accent — Sustain */
  --aareon-tan:         #917053; /* earthy accent — Connect */

  /* ---- Ink & neutrals ---- */
  --ink-900:            #081326; /* near-black navy — primary text */
  --ink-600:            #384152; /* slate — secondary text */
  --ink-400:            #6B7280; /* muted captions */
  --line:               #E2DAD2; /* hairline borders on warm bg */
  --line-strong:        #C9BEB2;

  /* ---- Surfaces (warm paper) ---- */
  --paper:              #F7F3F0; /* page background — warm off-white */
  --cream:              #EBE3DC; /* secondary warm surface / tint blocks */
  --surface:           #FFFFFF; /* cards, raised surfaces */
  --surface-ink:        #081326; /* dark sections */

  /* ---- Tints (soft pillar washes) ---- */
  --navy-100:           #E4E7F0;
  --blue-100:           #A4CBFF;  /* from theme */
  --blue-050:           #E8F0FE;
  --coral-100:          #FFD8CA;  /* from theme */
  --coral-050:          #FFEDE7;
  --green-100:          #B9E99C;  /* from theme */
  --green-050:          #EBF7E2;
  --tan-100:            #E4DBD0;

  /* ---- Pillar semantic aliases ---- */
  --pillar-manage:      var(--aareon-navy);
  --pillar-pay:         var(--aareon-blue);
  --pillar-sustain:     var(--aareon-green);
  --pillar-connect:     var(--aareon-tan);
  --pillar-engage:      var(--aareon-coral);

  /* ---- Functional semantics ---- */
  --text-strong:        var(--ink-900);
  --text-body:          var(--ink-600);
  --text-muted:         var(--ink-400);
  --text-on-dark:       #FFFFFF;
  --text-on-accent:     #FFFFFF;

  --surface-page:       var(--paper);
  --surface-card:       var(--surface);
  --surface-tint:       var(--cream);

  --brand-primary:      var(--aareon-navy);
  --brand-accent:       var(--aareon-blue);

  --link:               var(--aareon-blue);
  --link-visited:       var(--aareon-navy);

  --focus-ring:         var(--aareon-blue);
  --border-default:     var(--line);
  --border-strong:      var(--line-strong);

  --success:            var(--aareon-green);
  --info:               var(--aareon-blue);
}