/* Dark theme — one continuous NAVY ground, derived from the CD blue #003b79.
   No black: black is logo ink on light grounds only. Apply with data-theme="dark". */
[data-theme="dark"]{
/* Navy ink ramp (hue 210, the CD blue darkened) */
--ink-900:#071b2e; /* @kind color */
--ink-850:#0a2134; /* @kind color */
--ink-800:#0b2438; /* @kind color */
--ink-700:#0e2a43; /* @kind color */
--ink-600:#123553; /* @kind color */
--ink-500:#1a4468; /* @kind color */

--surface-page:var(--ink-900);
--surface-sunken:var(--ink-850);
--surface-card:var(--ink-700);
--surface-raised:var(--ink-600);
--surface-navy:#003b79;
--surface-navy-deep:var(--ink-800);
--surface-dark:var(--ink-900);
--surface-accent:var(--sp-green);
--surface-accent-soft:rgba(202,212,0,.12);
--surface-overlay:rgba(7,27,46,.82);
--surface-glass:rgba(255,255,255,.06);

--text-strong:#eef3f8;
--text-body:rgba(238,243,248,.78);
--text-muted:rgba(238,243,248,.55);
--text-invert:#eef3f8;
--text-invert-muted:rgba(238,243,248,.66);
--text-accent:var(--green-300);
--text-on-accent:#07121c;

--border-subtle:rgba(255,255,255,.08);
--border-default:rgba(255,255,255,.14);
--border-strong:rgba(255,255,255,.28);
--border-invert:rgba(255,255,255,.14);

--link:var(--green-300);
--link-hover:var(--sp-green);
--action:#1a4468;
--action-hover:#215a86;
--action-press:#12314d;
--focus-ring:var(--green-300);
--disabled-fg:rgba(238,243,248,.32);
--disabled-bg:rgba(255,255,255,.07);

--shadow-xs:0 1px 2px rgba(0,8,18,.45);
--shadow-sm:0 1px 3px rgba(0,8,18,.5),0 1px 2px rgba(0,8,18,.35);
--shadow-md:0 10px 30px rgba(0,8,18,.5);
--shadow-lg:0 26px 64px rgba(0,8,18,.6);
--ring-focus:0 0 0 3px rgba(202,212,0,.32);

/* Scrims fade photography INTO the page ground instead of sitting on top of it */
--scrim-bottom:linear-gradient(to top,var(--ink-900) 0%,rgba(7,27,46,.72) 38%,rgba(7,27,46,.15) 100%); /* @kind color */
--scrim-navy:linear-gradient(100deg,rgba(7,27,46,.95) 0%,rgba(7,27,46,.72) 48%,rgba(7,27,46,.35) 100%); /* @kind color */
--scrim-blend:linear-gradient(to bottom,var(--ink-900) 0%,rgba(7,27,46,0) 22%,rgba(7,27,46,0) 62%,var(--ink-900) 100%); /* @kind color */
}