:root{
/* Corners. The logo's colour bars are softly rounded; UI radii echo that restraint — nothing pill-shaped. */
--radius-none:0;--radius-xs:2px;--radius-sm:3px;--radius-md:4px;--radius-lg:6px;--radius-bar:3px;

/* Strokes. Print specs are 0.25pt / 0.5pt / 1pt; screen equivalents below. */
--stroke-hairline:1px;--stroke-keyline:2px;--stroke-keyline-heavy:4px;--stroke-icon:1.5;--stroke-divider:1px;

/* Shadows are used sparingly — never on the logo, never as decoration. Elevation only. */
--shadow-none:none;
--shadow-raised:0 1px 2px rgba(0,7,89,.08);
--shadow-card:0 2px 8px rgba(0,7,89,.10);
--shadow-overlay:0 12px 32px rgba(0,7,89,.18);
--focus-ring:0 0 0 2px var(--white),0 0 0 4px var(--blue-medium);

/* Motion — restrained, no bounce, no overshoot */
--ease-standard:cubic-bezier(.2,0,.2,1);/* @kind other */
--ease-out:cubic-bezier(0,0,.2,1);/* @kind other */
--duration-fast:120ms;/* @kind other */
--duration-base:200ms;/* @kind other */
--duration-slow:320ms;/* @kind other */

/* Photo overlay for white-keyline logo placement and text protection */
--scrim-photo:linear-gradient(180deg,rgba(0,7,89,0) 0%,rgba(0,7,89,.72) 100%);/* @kind color */
--overlay-block:.95;/* @kind other */ /* blocks over photos may drop to 95% opacity; never Multiply */
}

a{color:var(--text-link);text-decoration:none}
a:hover{color:var(--text-link-hover);text-decoration:underline}