/* Forged Blue — color tokens. Sampled from the FB logo (blue B + stripes, brushed-steel F + ring, near-black field). */
:root{
/* Forged Blue — primary. 600 is the logo "B"; 500 is the mission-statement highlight blue. */
--fb-blue-50:#EEF3FB;--fb-blue-100:#D8E3F6;--fb-blue-200:#B0C6EC;--fb-blue-300:#80A3DE;--fb-blue-400:#4E7ECB;--fb-blue-500:#2B61B8;--fb-blue-600:#1C4B9C;--fb-blue-700:#143B80;--fb-blue-800:#0D2C62;--fb-blue-900:#081E45;--fb-blue-950:#04122D;
/* Brushed steel — secondary (the F, the ring, the stars) */
--fb-steel-50:#F5F5F6;--fb-steel-100:#EAE9E8;--fb-steel-200:#D3D2D4;--fb-steel-300:#B8B7BA;--fb-steel-400:#9A999C;--fb-steel-500:#7C7C7F;--fb-steel-600:#5F5F62;--fb-steel-700:#434447;--fb-steel-800:#2B2C2F;--fb-steel-900:#1A1B1E;
/* Ink — the near-black field the mark sits on */
--fb-ink-950:#020305;--fb-ink-900:#07090D;--fb-ink-850:#0B0E14;--fb-ink-800:#11151C;--fb-ink-750:#161B24;--fb-ink-700:#1D232E;--fb-ink-600:#29303D;--fb-ink-500:#3A4252;
--fb-white:#FFFFFF;
/* Semantic — muted, field-ready */
--fb-green-400:#4FB27E;--fb-green-600:#2A7F55;--fb-green-100:#DDF1E6;
--fb-amber-400:#E0B24A;--fb-amber-600:#A97C17;--fb-amber-100:#F8ECCD;
--fb-red-400:#E0605A;--fb-red-600:#B3302C;--fb-red-100:#F8DEDC;

/* Semantic aliases — dark (default brand theme) */
--surface-page:var(--fb-ink-950);
--surface-base:var(--fb-ink-900);
--surface-raised:var(--fb-ink-800);
--surface-card:var(--fb-ink-850);
--surface-overlay:var(--fb-ink-750);
--surface-sunken:#000000;
--surface-inverse:var(--fb-steel-50);
--surface-accent:var(--fb-blue-600);
--surface-accent-subtle:rgba(43,97,184,.14);

--text-strong:var(--fb-white);
--text-body:var(--fb-steel-200);
--text-muted:var(--fb-steel-400);
--text-subtle:var(--fb-steel-500);
--text-accent:var(--fb-blue-400);
--text-on-accent:var(--fb-white);
--text-inverse:var(--fb-ink-900);

--border-subtle:rgba(184,183,186,.10);
--border-default:rgba(184,183,186,.18);
--border-strong:rgba(184,183,186,.34);
--border-accent:var(--fb-blue-500);
--border-steel:var(--fb-steel-500);

--action-primary:var(--fb-blue-600);
--action-primary-hover:var(--fb-blue-500);
--action-primary-press:var(--fb-blue-700);
--action-secondary:var(--fb-steel-100);
--action-secondary-hover:var(--fb-white);
--focus-ring:var(--fb-blue-400);

--status-success:var(--fb-green-400);
--status-warning:var(--fb-amber-400);
--status-danger:var(--fb-red-400);
--status-info:var(--fb-blue-400);
--badge-neutral-bg:rgba(184,183,186,.14);--badge-neutral-fg:var(--fb-steel-200);
--badge-blue-bg:rgba(43,97,184,.18);--badge-blue-fg:var(--fb-blue-300);
--badge-success-bg:rgba(79,178,126,.16);--badge-success-fg:var(--fb-green-400);
--badge-warning-bg:rgba(224,178,74,.16);--badge-warning-fg:var(--fb-amber-400);
--badge-danger-bg:rgba(224,96,90,.16);--badge-danger-fg:var(--fb-red-400);

/* Signature treatments */
--gradient-steel:linear-gradient(180deg,#E9E8E8 0%,#B6B5B8 45%,#8C8B8E 55%,#C9C8CA 100%); /* @kind color */
--gradient-blue-metal:linear-gradient(180deg,#3A6FC4 0%,#1C4B9C 50%,#133A7C 100%); /* @kind color */
--gradient-field:radial-gradient(120% 80% at 50% 0%,#0E1522 0%,#05070B 55%,#020305 100%); /* @kind color */
--rule-blue:linear-gradient(90deg,transparent 0%,var(--fb-blue-500) 18%,var(--fb-blue-500) 82%,transparent 100%); /* @kind color */
--rule-steel:linear-gradient(90deg,transparent 0%,var(--fb-steel-500) 20%,var(--fb-steel-500) 80%,transparent 100%); /* @kind color */
}

/* Light theme — documents, forms, printed deliverables */
[data-theme="light"]{
--surface-page:#F3F4F6;
--surface-base:#FFFFFF;
--surface-raised:#FFFFFF;
--surface-card:#FFFFFF;
--surface-overlay:#FFFFFF;
--surface-sunken:#E9EBEF;
--surface-inverse:var(--fb-ink-900);
--surface-accent:var(--fb-blue-600);
--surface-accent-subtle:var(--fb-blue-50);
--text-strong:var(--fb-ink-900);
--text-body:#2B303A;
--text-muted:#5A606C;
--text-subtle:#7A808B;
--text-accent:var(--fb-blue-600);
--text-on-accent:var(--fb-white);
--text-inverse:var(--fb-white);
--border-subtle:#E6E8EC;
--border-default:#D5D8DE;
--border-strong:#A9AEB7;
--border-accent:var(--fb-blue-600);
--border-steel:var(--fb-steel-400);
--action-primary:var(--fb-blue-600);
--action-primary-hover:var(--fb-blue-700);
--action-primary-press:var(--fb-blue-800);
--action-secondary:var(--fb-ink-900);
--action-secondary-hover:var(--fb-ink-700);
--focus-ring:var(--fb-blue-500);
--status-success:var(--fb-green-600);
--status-warning:var(--fb-amber-600);
--status-danger:var(--fb-red-600);
--status-info:var(--fb-blue-600);
--badge-neutral-bg:#ECEDF0;--badge-neutral-fg:#3E434D;
--badge-blue-bg:var(--fb-blue-50);--badge-blue-fg:var(--fb-blue-700);
--badge-success-bg:var(--fb-green-100);--badge-success-fg:#1F6343;
--badge-warning-bg:var(--fb-amber-100);--badge-warning-fg:#7D5A0C;
--badge-danger-bg:var(--fb-red-100);--badge-danger-fg:#8E2320;
--shadow-bevel:0 1px 2px rgba(16,24,40,.05); /* @kind shadow */
--shadow-2:0 6px 16px rgba(16,24,40,.08),0 1px 3px rgba(16,24,40,.06); /* @kind shadow */
--shadow-3:0 20px 44px rgba(16,24,40,.16),0 2px 6px rgba(16,24,40,.08); /* @kind shadow */
}