/* ============================================================
   ITPartners+ — Color Tokens
   Source: ITPartners+ Brand Book (Pantone-matched).
   Purple leads. Pink, Teal, Blue, and deep Indigo support it.
   ============================================================ */

:root {
  /* ---- Brand primaries (raw) ---- */
  --itp-purple:        #7A2682;  /* P 2612 C — primary brand color */
  --itp-pink:          #DF1683;  /* P 219 C  — energy / accent */
  --itp-teal:          #10CFC9;  /* P 3252 C — fresh / forward */
  --itp-blue:          #0075C9;  /* P 3005 C — trust / clarity */
  --itp-blue-deep:     #00609C;  /* P 3015 C — deeper blue */
  --itp-indigo:        #1F1646;  /* P 2765 C — near-black ink, depth */

  /* ---- Neutrals (raw) ---- */
  --itp-white:         #FFFFFF;
  --itp-paper:         #F9F6F9;  /* faint purple-tinted off-white */
  --itp-gray:          #A7A8A9;  /* P Cool Gray 6 */
  --itp-black:         #000000;

  /* ---- Purple ramp (tints/shades of the primary) ---- */
  --purple-50:  #F4ECF5;
  --purple-100: #E7D3EA;
  --purple-200: #CFA8D5;
  --purple-300: #B47CBD;
  --purple-400: #9A4FA4;
  --purple-500: #7A2682;  /* = --itp-purple */
  --purple-600: #661F6D;
  --purple-700: #501858;
  --purple-800: #3A1140;
  --purple-900: #260B2B;

  /* ---- Ink / neutral ramp (cool, slightly violet) ---- */
  --ink-900: #15102B;   /* deepest text on light */
  --ink-800: #1F1646;   /* = --itp-indigo */
  --ink-700: #322A55;
  --ink-600: #4B4470;
  --ink-500: #6B6589;
  --ink-400: #908BA6;
  --ink-300: #B9B6C7;
  --ink-200: #DAD8E2;
  --ink-100: #ECEBF1;
  --ink-50:  #F6F5F9;

  /* ---- Semantic: surfaces ---- */
  --surface-page:       var(--itp-white);
  --surface-subtle:     var(--itp-paper);
  --surface-card:       var(--itp-white);
  --surface-sunken:     var(--ink-50);
  --surface-inverse:    var(--itp-indigo);     /* dark sections */
  --surface-inverse-2:  var(--purple-900);
  --surface-overlay:    rgba(31, 22, 70, 0.55); /* scrim */

  /* ---- Semantic: text ---- */
  --text-strong:    var(--ink-900);
  --text-body:      var(--ink-700);
  --text-muted:     var(--ink-500);
  --text-faint:     var(--ink-400);
  --text-on-dark:   var(--itp-white);
  --text-on-dark-muted: rgba(255, 255, 255, 0.70);
  --text-brand:     var(--itp-purple);
  --text-link:      var(--itp-blue);

  /* ---- Semantic: borders / lines ---- */
  --border-subtle:  var(--ink-100);
  --border-default: var(--ink-200);
  --border-strong:  var(--ink-300);
  --border-brand:   var(--itp-purple);
  --border-on-dark: rgba(255, 255, 255, 0.16);

  /* ---- Semantic: interactive (primary = purple) ---- */
  --action-primary:        var(--itp-purple);
  --action-primary-hover:  var(--purple-600);
  --action-primary-active: var(--purple-700);
  --action-primary-text:   var(--itp-white);

  --focus-ring: rgba(122, 38, 130, 0.40);

  /* ---- Status / feedback ---- */
  --status-success:    #1F9D6B;
  --status-success-bg: #E6F6EF;
  --status-warning:    #C77A0A;
  --status-warning-bg: #FBF1E0;
  --status-danger:     #D33A4B;
  --status-danger-bg:  #FBEAEC;
  --status-info:       var(--itp-blue);
  --status-info-bg:    #E5F2FB;

  /* ---- Gradients (used sparingly, per brand book) ---- */
  --grad-brand:   linear-gradient(120deg, #7A2682 0%, #DF1683 100%); /* @kind color */
  --grad-cool:    linear-gradient(120deg, #0075C9 0%, #10CFC9 100%); /* @kind color */
  --grad-spectrum:linear-gradient(120deg, #1F1646 0%, #7A2682 45%, #DF1683 100%); /* @kind color */
  --grad-ink:     linear-gradient(160deg, #1F1646 0%, #3A1140 100%); /* @kind color */
}