/* ============================================================
   VALFORA — Color Tokens
   Brand: Navy + Gold enterprise palette
   ============================================================ */

:root {

  /* ── Brand: Navy ─────────────────────────────────────────
     Deep institutional navy. Primary surface for sidebar,
     topbar, and primary interactive elements.
  ─────────────────────────────────────────────────────────── */
  --navy-950: #070E1C;
  --navy-900: #0F1F3C; /* primary brand navy */
  --navy-800: #152A52;
  --navy-700: #1D3669;
  --navy-600: #25437F;
  --navy-500: #2E5295;
  --navy-400: #4D6FAA;
  --navy-300: #7596C2;
  --navy-200: #AABDD9;
  --navy-100: #D5E0EE;
  --navy-50:  #EEF4FB;

  /* ── Brand: Gold ─────────────────────────────────────────
     Warm brass-gold accent. Used for accents, highlights,
     and "HOLDINGS" sub-brand treatment.
  ─────────────────────────────────────────────────────────── */
  --gold-900: #3B2D0D;
  --gold-800: #5A4415;
  --gold-700: #795C20;
  --gold-600: #96742D;
  --gold-500: #A8833C; /* primary brand gold */
  --gold-400: #BF9D5A;
  --gold-300: #D1B97E;
  --gold-200: #E3D4AB;
  --gold-100: #F1EAD5;
  --gold-50:  #FAF6EE;

  /* ── Neutral ─────────────────────────────────────────────
     Warm-shifted neutral scale for text and surfaces.
  ─────────────────────────────────────────────────────────── */
  --neutral-950: #090B0F;
  --neutral-900: #111418;
  --neutral-800: #1E2228;
  --neutral-700: #2D3239;
  --neutral-600: #42484F;
  --neutral-500: #586068;
  --neutral-400: #788088;
  --neutral-300: #9EA5AE;
  --neutral-200: #C5CAD2;
  --neutral-100: #E2E5EA;
  --neutral-50:  #F3F4F6;

  /* ── Semantic: Status ────────────────────────────────────
     Functional status colors. Never use as brand/decoration.
  ─────────────────────────────────────────────────────────── */
  --success-700: #145E38;
  --success-500: #1A7A4C;
  --success-200: #86CCAA;
  --success-100: #C2E8D5;
  --success-50:  #E8F7EF;

  --warning-700: #8C4E00;
  --warning-500: #B86A00;
  --warning-200: #F5C56A;
  --warning-100: #FCDEA3;
  --warning-50:  #FEF3E2;

  --danger-700: #931D14;
  --danger-500: #C23B2E;
  --danger-200: #F0948D;
  --danger-100: #F9CECA;
  --danger-50:  #FCECEA;

  --info-700: #134880;
  --info-500: #1A5FA6;
  --info-200: #86B5E5;
  --info-100: #C2D9F2;
  --info-50:  #E8F1FB;

  /* ── Semantic: Text ──────────────────────────────────────*/
  --text-primary:   var(--navy-900);
  --text-secondary: var(--neutral-600);
  --text-tertiary:  var(--neutral-400);
  --text-disabled:  var(--neutral-300);
  --text-inverse:   #FFFFFF;
  --text-accent:    var(--gold-600);
  --text-danger:    var(--danger-500);
  --text-success:   var(--success-500);
  --text-warning:   var(--warning-500);

  /* ── Semantic: Surface ───────────────────────────────────*/
  --surface-base:      #F5F6F8;
  --surface-elevated:  #FFFFFF;
  --surface-overlay:   rgba(255, 255, 255, 0.96);
  --surface-brand:     var(--navy-900);
  --surface-brand-mid: var(--navy-800);
  --surface-soft:      var(--navy-50);
  --surface-accent:    var(--gold-500);

  /* ── Semantic: Border ────────────────────────────────────*/
  --border-default: var(--neutral-100);
  --border-strong:  var(--neutral-200);
  --border-focus:   var(--navy-500);
  --border-accent:  var(--gold-400);
  --border-danger:  var(--danger-500);

  /* ── Interactive states ──────────────────────────────────*/
  --interactive-primary-bg:        var(--navy-900);
  --interactive-primary-bg-hover:  var(--navy-800);
  --interactive-primary-bg-active: var(--navy-700);
  --interactive-accent-bg:         var(--gold-500);
  --interactive-accent-bg-hover:   var(--gold-600);
  --interactive-row-hover:         var(--navy-50);
  --interactive-row-selected:      var(--navy-100);
}