/* CorpScale color tokens.
   Base palette → semantic aliases. Navy / gray / blue conveys authority and trust. */

:root {
  /* ---- Brand base ---- */
  --navy-900: #162D4A;   /* primary pressed */
  --navy-800: #1E3A5F;   /* primary */
  --navy-700: #2A4A73;

  --blue-700: #1D4ED8;
  --blue-600: #2563EB;   /* tertiary / link / info */
  --blue-50:  #EFF6FF;

  /* ---- Neutral / slate ramp ---- */
  --slate-900: #0F172A;  /* shadow base, tooltip fill */
  --slate-700: #334155;
  --slate-600: #475569;  /* ghost text */
  --slate-500: #64748B;
  --slate-400: #94A3B8;  /* input hover border */
  --slate-300: #CBD5E1;  /* input/secondary border */
  --slate-200: #E2E8F0;  /* card border, dividers */
  --slate-100: #F1F5F9;  /* chip bg, hover fill */
  --slate-50:  #F8FAFC;  /* app background */
  --gray-500:  #6B7280;  /* secondary */
  --white:     #FFFFFF;

  /* ---- Semantic status ---- */
  --green-600: #16A34A;  /* success / approved */
  --amber-600: #CA8A04;  /* warning / pending */
  --red-600:   #DC2626;  /* error / rejected */
  --red-700:   #B91C1C;  /* destructive pressed */
  --red-50:    #FEF2F2;  /* error input fill */

  /* ---- Semantic aliases ---- */
  --color-primary:        var(--navy-800);
  --color-primary-hover:  var(--navy-900);
  --color-secondary:      var(--gray-500);
  --color-tertiary:       var(--blue-600);
  --color-link:           var(--blue-600);

  --bg-app:               var(--slate-50);
  --surface-card:         var(--white);
  --surface-raised:       var(--white);

  --text-primary:         var(--slate-900);
  --text-secondary:       var(--slate-600);
  --text-tertiary:        var(--slate-500);
  --text-inverse:         var(--white);
  --text-link:            var(--blue-600);

  --border-default:       var(--slate-200);
  --border-strong:        var(--slate-300);
  --border-hover:         var(--slate-400);
  --border-focus:         var(--navy-800);

  --status-success:       var(--green-600);
  --status-warning:       var(--amber-600);
  --status-error:         var(--red-600);
  --status-info:          var(--blue-600);

  /* Status surfaces (10% tints for chips/badges) */
  --status-success-bg:    color-mix(in srgb, var(--green-600) 10%, white);
  --status-warning-bg:    color-mix(in srgb, var(--amber-600) 10%, white);
  --status-error-bg:      color-mix(in srgb, var(--red-600) 10%, white);
  --status-info-bg:       color-mix(in srgb, var(--blue-600) 10%, white);
  --status-neutral-bg:    var(--slate-100);
}