/* Armature brand: fonts and design tokens. Keep in step with the Armature design system (tokens.json).
   Fonts are bundled (SIL Open Font License, see static/fonts/) so the app works offline in a courtroom. */
@font-face { font-family: "Spectral"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("../fonts/spectral-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Spectral"; font-style: italic; font-weight: 400; font-display: swap;
  src: url("../fonts/spectral-latin-400-italic.woff2") format("woff2"); }
@font-face { font-family: "Spectral"; font-style: normal; font-weight: 500; font-display: swap;
  src: url("../fonts/spectral-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("../fonts/ibm-plex-sans-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 500; font-display: swap;
  src: url("../fonts/ibm-plex-sans-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 600; font-display: swap;
  src: url("../fonts/ibm-plex-sans-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("../fonts/ibm-plex-mono-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 500; font-display: swap;
  src: url("../fonts/ibm-plex-mono-latin-500-normal.woff2") format("woff2"); }

:root {
  --surface: #f2f3f1;
  --panel: #ffffff;
  --graphite: #2b323c;
  --ink: #14181f;
  --on-ink: #f2f3f1;
  --slate: #5a6270;
  --rule: #c9cdd3;
  --rule-strong: #8a919c;
  --bronze: #a8743a;
  --verdigris: #3f6f66;
  --on-verdigris: #ffffff;
  --danger: #a3352b;
  --focus: var(--bronze);

  --verdigris-tint: #e3eeeb;
  --bronze-tint: #f3e9dc;
  --bronze-deep: #6e4a22;
  --neutral-tint: #eceeeb;

  --font-display: "Spectral", Georgia, serif;
  --font-sans: "IBM Plex Sans", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;

  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --radius-pill: 999px;
  --control-height: 44px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --surface: #14181f;
    --panel: #1d232b;
    --graphite: #323a45;
    --ink: #f2f3f1;
    --on-ink: #14181f;
    --slate: #a9b0ba;
    --rule: #3a424d;
    --rule-strong: #6b7380;
    --bronze: #c8955a;
    --verdigris: #7fb3a8;
    --on-verdigris: #14181f;
    --danger: #e58a7f;

    --verdigris-tint: #1d2f2b;
    --bronze-tint: #3a2c1a;
    --bronze-deep: #e8c393;
    --neutral-tint: #262d36;
  }
}