/* GENERATED from system-standards.js. Run npm run standards:generate. */
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --section-gap: 24px;
  --card-gap: 24px;
  --field-gap: 16px;
  --label-gap: 8px;
  --panel-padding: 24px;
  --page-gutter: 32px;
  --control-height: 44px;
  --touch-target: 48px;
  --radius: 8px;
  --radius-small: 4px;
  --font-size-body: 16px;
  --font-size-label: 14px;
  --font-size-caption: 13px;
  --font-size-min: 12px;
  --work-h1: 32px;
  --work-h2: 20px;
  --work-h3: 18px;
  --container-wide: 1440px;
  --container-narrow: 760px;
  --max: 1280px;
  --bg: #090f0e;
  --surface: #111c18;
  --surface-raised: #17251f;
  --text: #f2ece2;
  --muted: #b5c0b7;
  --line: #2c3b32;
  --copper: #c99a61;
  --status-success: #b3e5c2;
  --status-warning: #f0d099;
  --status-danger: #ffb8ae;
  --status-info: #b6d7f7;
  --status-neutral: #c4cbc6;
  --focus-color: #e5bc82;
  --font: Arial, "Microsoft YaHei", "PingFang SC", sans-serif;
  --gutter: var(--page-gutter);
}
@media (max-width: 768px) {
  :root {
    --section-gap: 16px;
    --card-gap: 16px;
    --panel-padding: 16px;
    --page-gutter: 16px;
    --control-height: 48px;
    --work-h1: 26px;
  }
}