/* Design tokens (ExpoTools design system, Direction C "Show floor").
   Colour values are drafts sampled from brand screenshots; see the design doc. */

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/vendor/inter/InterVariable.woff2') format('woff2');
}

:root {
  /* Brand */
  --brand-blue: #066aa6;
  --brand-blue-hover: #05578a;
  --brand-blue-wash: #e3eff8;
  --brand-blue-tint: #d3e5f1;
  --ink: #1b2124;

  /* Text */
  --text-primary: #202124;
  --text-secondary: #3a4044;
  --text-muted: #5f666b;
  --text-label: #5a6166;
  --text-on-dark: #c9ced1;
  --text-on-dark-muted: #9aa3a8;

  /* Surfaces */
  --surface-page: #f4f6f7;
  --surface-card: #ffffff;
  --surface-subtle: #eef2f3;
  --surface-table-head: #f7f9fa;
  --surface-on-dark: #262e32;

  /* Lines */
  --border: #e1e6e9;
  --border-strong: #c9d1d6;
  --divider: #eef1f2;

  /* Status */
  --status-ok-text: #17663d;
  --status-ok-bg: #e2f3e8;
  --status-ok-dot: #1f9254;
  --status-warn-text: #7a4e00;
  --status-warn-bg: #fdf0d5;
  --status-warn-dot: #b57a00;
  --status-danger-text: #a61b1b;
  --status-danger-bg: #fce5e3;
  --status-danger-dot: #d93a2f;
  --status-danger-border: #f3bdb8;
  --status-danger-strong: #7f1414;
  --status-danger-wash: #fff7f6;
  --status-danger-row: #f7dad7;

  /* Type */
  --font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --text-xs: 11px;
  --text-sm: 12px;
  --text-md: 14px;
  --text-lg: 16px;
  --text-xl: 20px;
  --text-2xl: 28px;
  --leading: 20px;

  /* Space (4px grid) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;

  /* Shape */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-pill: 999px;

  /* Sizes */
  --control-height: 40px;
  --sidebar-width: 232px;
  --sidebar-collapsed-width: 72px;
  --content-max: 1240px;
}