/* Design kit for evacation.com: back-of-door-evacuation-placard. Copyright (c) 2026 OptimaTech Labs, LLC */
@font-face { font-family: "Barlow Condensed"; src: url("../fonts/barlow-condensed-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Barlow Condensed"; src: url("../fonts/barlow-condensed-latin-800-normal.woff2") format("woff2"); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: "Atkinson Hyperlegible Next"; src: url("../fonts/atkinson-hyperlegible-next-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Atkinson Hyperlegible Next"; src: url("../fonts/atkinson-hyperlegible-next-latin-600-normal.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Atkinson Hyperlegible Next"; src: url("../fonts/atkinson-hyperlegible-next-latin-700-normal.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Atkinson Hyperlegible Next"; src: url("../fonts/atkinson-hyperlegible-next-latin-400-italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Overpass Mono"; src: url("../fonts/overpass-mono-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Overpass Mono"; src: url("../fonts/overpass-mono-latin-600-normal.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
:root {
  --kit-display: "Barlow Condensed", serif;
  --kit-text: "Atkinson Hyperlegible Next", system-ui, sans-serif;
  --kit-mono: "Overpass Mono", ui-monospace, monospace;
  --kit-bg: #F0E5CF;
  --kit-ink: #2A1E0C;
  --kit-muted: #5E5540;
  --kit-accent: #859998;
  --kit-signal: #C2321E;
  --kit-primary: #03418C;
  --kit-surface: #FAF5EA;
  --dir-rule: 1px dashed var(--kit-muted);
  --dir-radius: 4px;
  --dir-shadow: 0 1px 0 rgba(0,0,0,.12), 0 6px 0 -3px rgba(0,0,0,.06);
  --dir-border-width: 1px;
  --dir-button-radius: 3px;
}
