/* ── colors ── */
:root {
  --p-ink:            #373E48;
  --p-white:          #ffffff;
  --p-ice:            #EEF6F9;
  --p-slate:          #4f5765;
  --p-mist:           #8a9ab0;
  --p-border:         rgba(55,62,72,0.12);
  --p-gray:           #D1D5DC;
  --p-green:          #1a7a4a;
  --p-amber:          #e6a817;
  --p-alert:          #c4442a;
  --p-accent:         #E2E8F0;
  --p-ghost:          #F0F0F0;
  --p-dblue:          #33739E;
  --p-navy:           #34495E;
  --color-db:         #2E4D79;   /* db */
  --ui-ink:           #373E48;
  --ui-white:         #ffffff;
  --ui-ice:           #EEF6F9;
  --ui-slate:         #4f5765;
  --ui-mist:          #8a9ab0;
  --ui-border:        rgba(55,62,72,0.12);
  --ui-gray:          #D1D5DC;
  --ui-green:         #1a7a4a;
  --ui-amber:         #e6a817;
  --ui-alert:         #c4442a;
  --ui-accent:        #E2E8F0;
  --ui-ghost:         #F0F0F0;
  --ui-dblue:         #33739E;
  --ui-navy:          #34495E;
  --le-ink:           #373E48;
  --le-gold:          #F5B027;
  --le-white:         #ffffff;
  --le-ice:           #EEF6F9;
  --le-slate:         #4f5765;
  --le-mist:          #8a9ab0;
  --le-gray:          #D1D5DC;
  --le-border:        rgba(55,62,72,0.12);
  --le-accent:        #2a6fc4;   /* forensic blue – action colour */
  --le-match:         #c4442a;   /* match-found red */
  --biz-blue:         #1a6cf5;
  --biz-gold:         #F5B027;
  --biz-amber:        #f5a623;
  --biz-green:        #1a7a4a;
  --biz-red:          #c4442a;
  --biz-cyan:         #0891b2;
  --biz-void:         #08090f;
  --biz-dark:         #0d0f1a;
  --biz-panel:        #131625;
  --biz-ice:          #EEF6F9;
  --biz-border:       rgba(255,255,255,0.07);
  --biz-glass:        rgba(255,255,255,0.04);
  --biz-charcoal:     #373E48;
  --biz-darkblue:     #373E48;
  --biz-dblue:        #33739E;
  --biz-navy:         #1F3F5B;
  --biz-white:        #ffffff;
  --kb-bg:            #ffffff;
  --kb-surface:       #f8f9fb;
  --kb-card:           #ffffff;
  --kb-border:         rgba(13,15,26,0.09);
  --kb-text:           rgba(13,15,26,0.85);
  --kb-muted:          rgba(13,15,26,0.42);
  --kb-accent:         #1a6cf5;
  --kb-green:          #1a7a4a;
  --kb-amber:          #d97706;
  --kb-red:            #dc2626;
  --kb-cyan:           #0891b2;
  --kb-purple:         #7c3aed;
  --kb-dark:           #57534D;
  --kb-navy:           #34495E;
  --kb-cloud:          #D6DBDF;
  --c-white:           #ffffff;
  --c-ink:             #373E48;
  --c-gold:            #F5B027;
  --c-white:           #ffffff;
  --c-ice:             #EEF6F9;
  --c-slate:           #4f5765;
  --c-mist:            #8a9ab0;
  --c-gray:            #D1D5DC;
  --c-deepteal:        #073B4C;
  --c-indigo:          #480CA8;
  --c-terra:           #EF476F;
  --c-border:          rgba(55,62,72,0.12);
  --c-accent:          #2a6fc4;   /* forensic blue – action colour */
  --c-match:           #c4442a;   /* match-found red */
  --color-void:        #040616;   /* deepest background */
  --color-dark:        #141414;   /* section backgrounds */
  --color-ink:         #000000;   /* pure black */
  --color-charcoal:    #373E48;   /* card / panel surfaces */
  --color-graphite:    #404040;   /* borders, dividers */
  --color-steel:       #808080;   /* muted text */
  --color-silver:      #878787;   /* secondary text */
  --color-mist:        #A1A1B4;   /* body text on dark */
  --color-lavender:    #B9B7C9;   /* accent-light, tags */
  --color-ghost:       #F0F0F0;   /* headings, near-white */
  --color-blue:        #373E48;   /* headings, near-white */
  --color-white:       #ffffff;   /* headings, near-white */
  --color-green:       #31C950;   /* green */
  --color-hosta:       #348389;   /* hosta */
  --color-shearling:   #B19958;   /* shearling */
  --color-db:          #2E4D79;   /* db */
  --color-navy:        #34495E;
  --color-gray:        #CAD5E2;
  --color-deepgray:    #002147;
  --color-lightnavy:   #003366;
  --color-darkgray:    #2F2F2F;
  --color-strongred:   #FF0000;
  --color-tacticalcyan: #64FFDA;
  --color-camber:      #FFB302;
  --color-deepspace:   #112240;
  --color-silver:       #8892b0; /* Slate Silver */
  --color-surface:     #112240;
  --color-subtle:      #233554;

   /* ── Semantic Assignments (Light Theme) ── */
  --bg-base:          #ffffff;
  --bg-surface:       var(--color-ghost);
  --bg-card:          #ffffff;
  --bg-bh:            #E1F3F4;
  --bg-ghost:         #F0F0F0;
  --border:           #d8d8e0;
  --border-subtle:    rgba(55, 62, 72, 0.12);
  --bg-red:           #A8240D;
  --bg-deepgray:      #002147;
  --bg-lightnavy:     #003366;
  --bg-darkgray:      #2F2F2F;
  --bg-strongred:     #FF0000;
  --bg-tacticalcyan:  #64FFDA;
  --bg-camber:        #FFB302;
  --bg-deepspace:     #112240;
  --bg-silver:        #8892b0; /* Slate Silver */
  --bg-surface:       #112240;
  --bg-subtle:        #233554;
  --bg-muted:         rgba(13,15,26,0.42);
  


  --text-primary:      var(--color-void);
  --text-secondary:    var(--color-charcoal);
  --text-muted:        var(--color-silver);
  --text-accent:       #373E48;
  --text-navy:         #34495E;
  --text-white:        #ffffff;
  --text-deepgray:     #002147;
  --text-lightnavy:    #003366;
  --text-darkgray:     #2F2F2F;
  --text-strongred:    #FF0000;
  --text-tacticalcyan: #64FFDA;
  --text-camber:       #FFB302;
  --text-deepspace:    #112240;
  --text-silver:       #8892b0; /* Slate Silver */
  --text-surface:      #112240;
  --text-subtle:       #233554;
  --text-red:          #A8240D;
  --text-bluegrey:     #37474F;

  /* Accent — dark ink on light background */
  --accent:           #373E48;
  --accent-glow:      rgba(55, 62, 72, 0.1);
  /* ── Typography ── */
  --font-display:     'Bebas Neue', sans-serif;
  --font-heading:     'Syne', sans-serif;
  --font-mono:        'DM Mono', monospace;
  --font-body:        'DM Mono', monospace;
  --font-roboto:      'Roboto', sans-serif;
  --font-inter:       'Inter', sans-serif;
  --font-saira:       'Saira', sans-serif;
 /* Border  */
  
}