/* Milks CPA — Color tokens
   Sampled from the wordmark: deep navy #0a3159 ink + signal blue #0085ea.
   A restrained gold provides an accountancy "seal / trust" accent. */

:root {
  /* ---- Brand: Navy (primary ink & dark surfaces) ---- */
  --navy-950: #021425;
  --navy-900: #042341;
  --navy-800: #0a3159;
  --navy-700: #123f6f;
  --navy-600: #1b4f86;
  --navy-500: #27618f;

  /* ---- Brand: Signal Blue (accent / actions) ---- */
  --blue-700: #0060ac;
  --blue-600: #0072cd;
  --blue-500: #0085ea; /* logo blue */
  --blue-400: #339def;
  --blue-300: #66b6f3;
  --blue-200: #a6d4f8;
  --blue-100: #d3e9fc;
  --blue-50:  #ecf5fe;

  /* ---- Neutrals (cool gray) ---- */
  --white: #ffffff;
  --neutral-50:  #f6f8fa;
  --neutral-100: #eef2f6;
  --neutral-200: #e2e8ef;
  --neutral-300: #cdd7e1;
  --neutral-400: #9aa8b8;
  --neutral-500: #6b7c90;
  --neutral-600: #4c5c70;
  --neutral-700: #354456;
  --neutral-800: #22303f;
  --neutral-900: #101c29;

  /* ---- Semantic status ---- */
  --success-600: #1f7a4d;
  --success-500: #2a9d63;
  --success-50:  #e8f6ee;
  --warning-600: #b7791f;
  --warning-500: #dd9a25;
  --warning-50:  #fbf3e2;
  --error-600:   #b3261e;
  --error-500:   #d83a31;
  --error-50:    #fbeae9;

  /* ---- Accent: Gold (seal / trust mark) ---- */
  --gold-600: #a97f2e;
  --gold-500: #c99a3f;
  --gold-50:  #f8f1e2;

  /* ---- Semantic: text ---- */
  --text-strong:     var(--navy-900);
  --text-body:       var(--neutral-700);
  --text-muted:      var(--neutral-500);
  --text-inverse:    var(--white);
  --text-link:       var(--blue-600);
  --text-link-hover: var(--blue-700);

  /* ---- Semantic: surfaces ---- */
  --surface-page:    var(--white);
  --surface-subtle:  var(--neutral-50);
  --surface-muted:   var(--neutral-100);
  --surface-card:    var(--white);
  --surface-dark:    var(--navy-900);
  --surface-dark-2:  var(--navy-800);

  /* ---- Semantic: borders ---- */
  --border-subtle:  var(--neutral-200);
  --border-default: var(--neutral-300);
  --border-strong:  var(--neutral-400);
  --border-focus:   var(--blue-500);

  /* ---- Semantic: actions ---- */
  --action-primary:        var(--blue-500);
  --action-primary-hover:  var(--blue-600);
  --action-primary-active: var(--blue-700);
  --action-secondary:       var(--navy-900);
  --action-secondary-hover: var(--navy-800);

  --focus-ring: color-mix(in srgb, var(--blue-500) 40%, transparent);
}