/* ===========================================================================
   TGBDA, Inc. — Color tokens
   Brand primaries pulled from the logo mark:
   Navy (trust / structure), Electric Blue (automation / systems),
   Green (growth / execution). Clean white surfaces, cool-gray neutrals.
   =========================================================================== */
:root {
  /* --- Brand: Navy (primary) --- */
  --navy-50:  #eef1f8;
  --navy-100: #d4dbed;
  --navy-200: #a6b3d6;
  --navy-300: #6f80b4;
  --navy-400: #3f5290;
  --navy-500: #1f3270;
  --navy-600: #14245c;   /* core navy */
  --navy-700: #0c1b57;   /* logo navy */
  --navy-800: #091445;
  --navy-900: #060d2e;

  /* --- Brand: Electric Blue (systems / automation) --- */
  --blue-50:  #e7efff;
  --blue-100: #c7daff;
  --blue-200: #93b4ff;
  --blue-300: #5a8aff;
  --blue-400: #2a66fb;
  --blue-500: #0b4ef6;   /* logo blue */
  --blue-600: #0a40d6;
  --blue-700: #0a34ab;
  --blue-800: #0b2c87;
  --blue-900: #0a245f;

  /* --- Brand: Growth Green (execution / growth) --- */
  --green-50:  #e6f7ec;
  --green-100: #c3ebcf;
  --green-200: #8bd9a3;
  --green-300: #4fc274;
  --green-400: #1faa4c;
  --green-500: #0e9f3c;   /* logo green */
  --green-600: #0b8633;
  --green-700: #096b29;
  --green-800: #07531f;
  --green-900: #053a16;

  /* --- Neutrals: cool gray, white-first --- */
  --white:    #ffffff;
  --gray-25:  #fbfcfe;
  --gray-50:  #f5f7fa;
  --gray-100: #eceff4;
  --gray-200: #dde2ea;
  --gray-300: #c5cdd9;
  --gray-400: #97a1b2;
  --gray-500: #6b7587;
  --gray-600: #4b5567;
  --gray-700: #343d4d;
  --gray-800: #212836;
  --gray-900: #131722;
  --black:    #0a0d14;

  /* --- Semantic: feedback --- */
  --success:  var(--green-500);
  --success-fg: var(--green-700);
  --success-bg: var(--green-50);
  --warning:  #e0900a;
  --warning-fg: #94610a;
  --warning-bg: #fdf3e1;
  --danger:   #d63232;
  --danger-fg: #a81f1f;
  --danger-bg: #fdeaea;
  --info:     var(--blue-500);
  --info-fg:  var(--blue-700);
  --info-bg:  var(--blue-50);

  /* === Semantic aliases (use these in components) === */
  --brand:            var(--navy-700);
  --brand-accent:     var(--blue-500);
  --brand-growth:     var(--green-500);

  --bg-page:          var(--gray-50);
  --bg-canvas:        var(--white);
  --surface-card:     var(--white);
  --surface-sunken:   var(--gray-50);
  --surface-raised:   var(--white);
  --surface-inverse:  var(--navy-700);

  --border-subtle:    var(--gray-200);
  --border-default:   var(--gray-300);
  --border-strong:    var(--gray-400);
  --border-brand:     var(--navy-700);

  --text-strong:      var(--navy-900);
  --text-body:        var(--gray-800);
  --text-muted:       var(--gray-500);
  --text-subtle:      var(--gray-400);
  --text-inverse:     var(--white);
  --text-link:        var(--blue-600);
  --text-brand:       var(--navy-700);

  --focus-ring:       var(--blue-400);
}