:root{
/* Base palette — verbatim from src/index.css @theme and Brand Colours.png */
--color-deep-green-dark:#000D02;
--color-deep-green:#003A08;
--color-black:#000000;
--color-white:#FFFFFF;
--color-cream:#FFFAED;
--color-light-grey:#D9D9D9;
--color-soft-green:#77C983;
--color-bronze:#A76830;
/* Soft-green press/hover shade used inline in the source (bg-[#65b571]) */
--color-soft-green-press:#65b571;

/* Alpha ramps — the site builds nearly all depth from white-on-dark alpha */
--alpha-white-05:rgba(255,255,255,0.05);
--alpha-white-10:rgba(255,255,255,0.10);
--alpha-white-20:rgba(255,255,255,0.20);
--alpha-black-05:rgba(0,0,0,0.05);
--alpha-black-10:rgba(0,0,0,0.10);
--alpha-black-20:rgba(0,0,0,0.20);
--alpha-cream-50:rgba(255,250,237,0.50);
--alpha-cream-60:rgba(255,250,237,0.60);
--alpha-cream-70:rgba(255,250,237,0.70);
--alpha-cream-80:rgba(255,250,237,0.80);
--alpha-cream-90:rgba(255,250,237,0.90);
--alpha-soft-green-10:rgba(119,201,131,0.10);
--alpha-soft-green-20:rgba(119,201,131,0.20);
--alpha-soft-green-30:rgba(119,201,131,0.30);
--alpha-soft-green-50:rgba(119,201,131,0.50);

/* Semantic aliases — dark surfaces (default) */
--surface-page:var(--color-deep-green-dark);
--surface-band:var(--color-deep-green);
--surface-card:var(--alpha-white-05);
--surface-card-border:var(--alpha-white-10);
--surface-inverse:var(--color-cream);
--surface-white:var(--color-white);
--surface-scrim:rgba(0,13,2,0.60);

--text-heading:var(--color-soft-green);
--text-body:var(--alpha-cream-80);
--text-body-strong:var(--color-cream);
--text-muted:var(--alpha-cream-50);
--text-on-accent:var(--color-deep-green-dark);
--text-on-light:var(--color-black);
--text-on-light-muted:rgba(0,0,0,0.70);
--text-on-light-heading:var(--color-deep-green);

--accent:var(--color-soft-green);
--accent-hover:var(--color-cream);
--accent-press:var(--color-soft-green-press);
--accent-quiet:var(--alpha-soft-green-20);
--accent-flag:var(--color-bronze);

--border-hairline:var(--alpha-white-10);
--border-hairline-light:var(--alpha-black-10);
--focus-ring:var(--color-deep-green);
--link:var(--color-soft-green);
--link-hover:var(--color-cream);
}
