/* Operational design values adapted from CampusCart's admin workspace.
   Inter is locally hosted under the SIL OFL; see fonts/INTER-LICENSE. */
@font-face {
  font-family: "Inter Variable";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/static/fonts/inter-latin-variable.woff2") format("woff2");
}
:root {
  color-scheme: light;
  --workspace-background: #fff;
  --workspace-canvas: #fafafa;
  --workspace-surface: #fff;
  --workspace-muted-surface: #f7f7f7;
  --workspace-hover: #f4f4f4;
  --workspace-active: #eee;
  --workspace-border: #e5e5e5;
  --workspace-border-strong: #d4d4d4;
  --workspace-text: #111;
  --workspace-secondary: #606060;
  --workspace-muted: #8a8a8a;
  --workspace-primary: #111;
  --workspace-primary-hover: #262626;
  --workspace-success: #19734a;
  --workspace-success-soft: #eef7f2;
  --workspace-warning: #9a6418;
  --workspace-warning-soft: #fff8eb;
  --workspace-danger: #a23b36;
  --workspace-danger-soft: #fff3f2;
  --workspace-info: #3268a8;
  --workspace-info-soft: #f0f5fb;
  --workspace-radius-sm: 5px;
  --workspace-radius: 7px;
  --workspace-control-sm: 28px;
  --workspace-control: 32px;
  --workspace-control-lg: 36px;
  --workspace-font: "Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --bg: var(--workspace-canvas);
  --panel: var(--workspace-surface);
  --line: var(--workspace-border);
  --text: var(--workspace-text);
  --muted: var(--workspace-secondary);
  --accent: var(--workspace-primary);
  --bad: var(--workspace-danger);
  --soft: var(--workspace-muted-surface);
  --danger: var(--workspace-danger);
  font-family: var(--workspace-font);
  font-size: 14px;
  font-synthesis: none;
}
body { font-family: var(--workspace-font); letter-spacing: -.008em; -webkit-font-smoothing: antialiased; }
button,input,select,textarea { font-family: inherit; }
:where(button,a,input,select,textarea,[tabindex]):focus-visible { outline: 2px solid var(--workspace-text); outline-offset: 2px; }
::selection { color: #111; background: #ddd; }
