/* Barrel tokens. Blue State's palette (round 3, 2026-11-06): Midnight, Cobalt, Soft Blue, Periwinkle, plus the abyss.
   Type: "Inter Tight" (SIL OFL) is the free match for Neue Montreal, shared with the app. Swap the family here only. */
:root {
  --abyss: #030a17;
  --midnight: #06154d;
  --cobalt: #1549c5;
  --spray: #7fa9e8; /* Soft Blue */
  --foam: #c2d0ef; /* Periwinkle */

  --foam-78: rgba(194, 208, 239, 0.78);
  --foam-30: rgba(194, 208, 239, 0.3);
  --spray-85: rgba(127, 169, 232, 0.85);
  --spray-58: rgba(127, 169, 232, 0.58);
  --spray-28: rgba(127, 169, 232, 0.28);
  --spray-20: rgba(127, 169, 232, 0.2);
  --spray-18: rgba(127, 169, 232, 0.18);
  --spray-30: rgba(127, 169, 232, 0.3);
  --cobalt-60: rgba(21, 73, 197, 0.6);
  --cobalt-50: rgba(21, 73, 197, 0.5);
  --cobalt-45: rgba(21, 73, 197, 0.45);
  --midnight-60: rgba(6, 21, 77, 0.6);
  --midnight-78: rgba(6, 21, 77, 0.78);
  --midnight-72: rgba(6, 21, 77, 0.72);
  --midnight-66: rgba(6, 21, 77, 0.66);
  --midnight-14: rgba(6, 21, 77, 0.14);
  --abyss-35: rgba(3, 10, 23, 0.35);
  --abyss-0: rgba(3, 10, 23, 0);
  --midnight-0: rgba(6, 21, 77, 0);
  --foam-hi: #d3def5;

  --font-head: "Inter Tight", system-ui, sans-serif;
  --font-body: "Inter Tight", system-ui, sans-serif;
  --bg: var(--abyss);
  --ink: var(--foam);
  --focus: var(--spray);

  --r: 24px;
  --pill: 999px;
  --arch: 999px 999px 24px 24px;

}
html,
body {
  background: var(--abyss);
}
::selection {
  background: var(--spray-30);
}
html,
body {
  overflow-x: clip;
}
/* Focus rings read on both grounds. */
:focus-visible {
  outline-color: var(--spray);
}
[data-tone="light"] :focus-visible {
  outline-color: var(--midnight);
}