/* [project]/src/lib/ui/tokens.css [app-client] (css) */
:root {
  --color-brand: #1b4dc1;
  --color-brand-contrast: #fff;
  --color-accent: #0f9d8f;
  --color-surface: #fff;
  --color-surface-muted: #f4f6fa;
  --color-surface-sunken: #e8ecf4;
  --color-border: #c7cedb;
  --color-text: #16202f;
  --color-text-muted: #55617a;
  --color-danger: #b3261e;
  --color-danger-surface: #fdeceb;
  --color-success: #1d6f42;
  --color-success-surface: #e9f6ee;
  --color-warning: #8a5a00;
  --color-warning-surface: #fdf3e0;
  --color-info: #1b4dc1;
  --color-info-surface: #eaf0fd;
  --color-focus: #16202f;
  --focus-ring-width: 3px;
  --focus-ring-offset: 2px;
  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-pill: 999px;
  --border-width-thin: 1px;
  --border-width-thick: 3px;
  --font-family-base: system-ui, -apple-system, "Segoe UI", roboto, helvetica, arial, sans-serif;
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-md: 16px;
  --font-size-lg: 20px;
  --font-size-xl: 26px;
  --font-size-2xl: 34px;
  --font-weight-regular: 400;
  --font-weight-medium: 600;
  --font-weight-bold: 700;
  --line-height-tight: 1.25;
  --line-height-normal: 1.5;
  --letter-spacing-wide: 1px;
  --layout-max-width: 1120px;
  --layout-gutter: 24px;
  --control-height: 40px;
  --layout-card-min-width: 260px;
}

body {
  margin: var(--space-0);
  background-color: var(--color-surface-muted);
  color: var(--color-text);
  font-family: var(--font-family-base);
  font-size: var(--font-size-md);
  line-height: var(--line-height-normal);
}

:focus-visible {
  outline: var(--focus-ring-width) solid var(--color-focus);
  outline-offset: var(--focus-ring-offset);
}

/*# sourceMappingURL=src_lib_ui_tokens_1w585md.css.map*/