/* Shared type and semantic palette. System fonts avoid external font requests. */
:root {
  --font-ui: "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, "Cascadia Code", Consolas, monospace;
  --brand-blue:#005da6;
  --brand-gray:#616161;
  --brand-gray-dark:#595959;
  --brand-red:#f34f1c;
  --brand-yellow:#ffba01;
  --brand-cerulean:#01a6f0;
  --ui-page: #ffffff;
  --ui-surface: #ffffff;
  --ui-raised: #ffffff;
  --ui-text: #000000;
  --ui-muted: #616161;
  --ui-line: #d9d9d9;
  --ui-accent: #005da6;
  --ui-accent-hover: #004578;
  --ui-focus: #005da6;
  --ui-danger: #b3323e;
  --ui-danger-hover: #922631;
  --ui-radius: 8px;
  --ui-shadow: 0 2px 8px #17263b0a;
}
@media screen {
  html[data-theme="dark"] {
    --ui-page: #151515;
    --ui-surface: #202020;
    --ui-raised: #292929;
    --ui-text: #ffffff;
    --ui-muted: #c7c7c7;
    --ui-line: #525252;
    --ui-accent: #76bded;
    --ui-accent-hover: #b3defa;
    --ui-focus: #76bded;
    --ui-danger: #b3323e;
    --ui-danger-hover: #c84450;
    --ui-shadow: 0 2px 8px #0002;
  }
}