/* Instrument Sans (SIL OFL 1.1, see fonts/InstrumentSans-OFL.txt), self-hosted for the CSP. */
@font-face {
  font-family: "Instrument Sans";
  font-style: normal;
  font-display: swap;
  font-weight: 400 700;
  src: url("../fonts/instrument-sans-latin-wght-normal.fa41c43a3d8e.woff2") format("woff2-variations");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Instrument Sans";
  font-style: normal;
  font-display: swap;
  font-weight: 400 700;
  src: url("../fonts/instrument-sans-latin-ext-wght-normal.1ff13d113ba4.woff2") format("woff2-variations");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  /* Palette: pine and sage, taken from the Metabloom product world; signals stay plain. */
  --paper: #f3f5f2;          /* app background */
  --surface: #ffffff;        /* panels */
  --surface-sunk: #f7f9f7;   /* table heads, footers, inputs at rest */
  --ink: #17211c;            /* text */
  --ink-soft: #3d4a43;
  --muted: #5f6c65;
  --line: #dde4df;
  --line-strong: #c9d3cc;
  --rail: #11201a;           /* navigation rail */
  --rail-ink: #b9c8bf;
  --rail-hover: #1b3028;
  --rail-active: #22402f;
  --pine: #1d6a50;           /* primary actions and links */
  --pine-strong: #16563f;
  --pine-soft: #e4f0ea;
  --mint: #8fdcb7;           /* the one bright note: active nav marker, healthy pulse */
  --ok: #23845a;
  --ok-soft: #e5f3eb;
  --warn: #a8690b;
  --warn-soft: #fbf1dc;
  --alert: #c03a28;
  --alert-soft: #fcebe8;

  --font-sans: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --text-xs: 12px;
  --text-sm: 13px;
  --text-md: 14px;
  --text-lg: 16px;
  --text-xl: 20px;
  --text-2xl: 27px;

  --radius-sm: 6px;   /* controls */
  --radius: 10px;     /* panels */
  --radius-pill: 999px;
  --shadow-pop: 0 12px 32px -8px rgba(17, 32, 26, .22), 0 2px 6px rgba(17, 32, 26, .08);

  --sidebar-width: 236px;
  --header-height: 56px;
  --content-max: 1480px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;

  /* Older names still used by module styles. */
  --color-background: var(--paper);
  --color-surface: var(--surface);
  --color-sidebar: var(--surface-sunk);
  --color-text: var(--ink);
  --color-muted: var(--muted);
  --color-border: var(--line);
  --color-primary: var(--pine);
  --color-primary-hover: var(--pine-strong);
  --color-primary-soft: var(--pine-soft);
  --color-danger: var(--alert);
  --color-danger-soft: var(--alert-soft);
  --color-success: var(--ok);
}