/* Documented values from docs/design/tokens.md.
   Keep in sync with apps/web/lib/theme/tokens.dart. */
:root {
  --color-primary: #0F766E;
  --color-primary-dark: #115E59;
  --color-accent: #D97706;
  --color-canvas-catalog: #FFFBF5;
  --color-canvas-ops: #F8FAFC;
  --color-ink: #0F172A;
  --color-on-primary: #FFFFFF;
  --color-surface: #FFFFFF;
  --color-outline: #CBD5E1;
  --color-status-pending: #F59E0B;
  --color-status-in-transit: #2563EB;
  --color-status-validated: #059669;
  --color-status-failed: #DC2626;

  --font-body: "Source Sans 3", system-ui, sans-serif;
  --font-display: "Nunito", system-ui, sans-serif;

  --space-xxs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-xxl: 48px;
  --tap-target-min: 44px;

  --breakpoint-compact-max: 599px;
  --breakpoint-medium-max: 1023px;
  --breakpoint-expanded-min: 1024px;
}

.mood-catalog {
  background-color: var(--color-canvas-catalog);
}

.mood-ops {
  background-color: var(--color-canvas-ops);
}