/* Requirements Factory · reference-derived proposal, 2026-09-05.
 * Values are normalized estimates, not the source application's CSS.
 * Import before design-system.css. No component styles.
 */
@layer reset, tokens, base, layout, components, responsive;
@layer tokens {
:root {
  color-scheme: light;
  --rf-canvas: #f6f6f6;
  --rf-paper: #ffffff;
  --rf-ink: #202020;
  --rf-ink-2: #555555;
  --rf-ink-3: #666666;
  --rf-line: #e9e9e9;
  --rf-line-strong: #d0d0d0;
  --rf-control-border: #808080;
  --rf-accent: #087566;
  --rf-accent-hover: #055e52;
  --rf-accent-soft: #eaf4f2;
  --rf-positive: #167545;
  --rf-warning: #8a6908;
  --rf-warning-soft: #fff6d8;
  --rf-danger: #b4233c;
  --rf-danger-soft: #fff0f2;
  --rf-focus: #2768d8;

  --rf-font: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --rf-text-caption: 13px;
  --rf-text-label: 14px;
  --rf-text-body: 16px;
  --rf-text-section: 20px;
  --rf-text-title: 28px;
  --rf-text-metric: 32px;
  --rf-leading-caption: 18px;
  --rf-leading-label: 20px;
  --rf-leading-body: 24px;
  --rf-leading-section: 26px;
  --rf-leading-title: 34px;
  --rf-leading-metric: 38px;
  --rf-weight-regular: 400;
  --rf-weight-emphasis: 600;

  --rf-space-1: 4px;
  --rf-space-2: 8px;
  --rf-space-3: 12px;
  --rf-space-4: 16px;
  --rf-space-6: 24px;
  --rf-space-8: 32px;
  --rf-space-12: 48px;
  --rf-space-16: 64px;
  --rf-radius-control: 8px;
  --rf-radius-panel: 14px;
  --rf-rail: 264px;
  --rf-toolbar: 64px;
  --rf-control-height: 40px;
  --rf-control-height-touch: 44px;
}
}