:root {
  --ink: #0f1419;
  --paper: #f6f7f9;
  --paper-elevated: #ffffff;
  --paper-muted: #e8ecf1;
  --rule: rgba(15, 20, 25, 0.1);
  --rule-strong: rgba(15, 20, 25, 0.22);
  --ink-80: rgba(15, 20, 25, 0.8);
  --ink-55: rgba(15, 20, 25, 0.55);
  --ink-35: rgba(15, 20, 25, 0.35);
  --signal: #1a8f7a;
  --signal-hover: #147566;
  --signal-soft: rgba(26, 143, 122, 0.12);
  --accent: #3dd6c6;
  --warn: #b45309;
  --warn-soft: rgba(180, 83, 9, 0.1);
  --danger: #9f1239;
  --danger-soft: rgba(159, 18, 57, 0.08);

  --font-display: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  --font-ui: var(--font-display);
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  --t-12: 0.75rem;
  --t-14: 0.875rem;
  --t-16: 1rem;
  --t-18: 1.125rem;
  --t-22: 1.375rem;
  --t-28: 1.75rem;
  --t-36: 2.25rem;
  --t-48: 3rem;

  --s-1: 4px;
  --s-2: 8px;
  --s-3: 16px;
  --s-4: 24px;
  --s-5: 40px;
  --s-6: 64px;
  --s-7: 96px;

  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 12px;

  --container-max: 1080px;
  --container-narrow: 640px;
  --nav-h: 56px;
}