:root {
  /* Corners are near-square: this is a document brand, not a product UI.
     Nothing in the source material exceeds 4px. */
  --radius-0: 0;
  --radius-1: 2px;
  --radius-2: 4px;
  --radius-pill: 999px;   /* tags only */

  /* --- rules --- */
  --hairline: 1px;
  --hairline-gold: 1px solid var(--rule-gold);
  --hairline-mist: 1px solid var(--rule-mist);
  --hairline-quiet: 1px solid var(--rule-hairline);
  --rule-dashed: 1px dashed rgba(148, 168, 200, 0.5); /* @kind other */

  /* --- elevation ---
     The brand forbids shadows on the mark and uses none in print. Screen
     surfaces get one restrained lift only. */
  --shadow-none: none;
  --shadow-card: 0 1px 2px rgba(1, 19, 55, 0.05);
  --shadow-raised: 0 8px 24px rgba(1, 19, 55, 0.10);
  --shadow-panel-inset: inset 0 0 0 1px rgba(255, 255, 255, 0.08);

  /* --- scrims & textures --- */
  --scrim-navy: rgba(1, 19, 55, 0.82);
  --scrim-navy-soft: linear-gradient(180deg, rgba(1,19,55,0) 0%, rgba(1,19,55,0.78) 72%); /* @kind other */
  --texture-paper: url("../assets/img/texture-paper.jpg"); /* @kind other */
  --texture-blueprint: url("../assets/img/blueprint-bridge.jpg"); /* @kind other */
  --texture-paper-opacity: 0.35; /* @kind other */
  --texture-blueprint-opacity: 0.06; /* @kind other */

  /* --- logo protection --- */
  --logo-clear-space: 1em; /* @kind spacing */   /* = height of the wordmark cap, all four sides */
  --logo-min-width: 120px;
}