/* PEADS Design System — generated from design-system/tokens.json by scripts/ds-sync.mjs. Do not edit by hand. */
:root, [data-theme="light"] {
  --bg-page: #f8fafc;
  --bg-card: #ffffff;
  --bg-muted: #f1f5f9;
  --bg-input: #fffde7;
  --border: #e2e8f0;
  --border-strong: #cbd5e1;
  --ink: #0f172a;
  --ink-muted: #64748b;
  --ink-subtle: #94a3b8;
  --brand-navy: #0f2a4a;
  --brand-sky: #7dd3fc;
  --primary: #0369a1;
  --primary-hover: #075985;
  --on-primary: #ffffff;
  --success: #059669;
  --danger: #e11d48;
  --status-info-bg: #dbeafe;
  --status-info-ink: #1e40af;
  --status-progress-bg: #e0e7ff;
  --status-progress-ink: #3730a3;
  --status-warning-bg: #fef3c7;
  --status-warning-ink: #92400e;
  --status-pending-bg: #ede9fe;
  --status-pending-ink: #5b21b6;
  --status-success-bg: #d1fae5;
  --status-success-ink: #065f46;
  --status-done-bg: #ccfbf1;
  --status-done-ink: #115e59;
  --status-danger-bg: #ffe4e6;
  --status-danger-ink: #9f1239;
  --status-neutral-ink: #334155;
  --focus: #0ea5e9;
  --shadow-card: 0 1px 2px rgba(15, 23, 42, 0.06);
}
[data-theme="dark"] {
  --bg-page: #0b1220;
  --bg-card: #111a2b;
  --bg-muted: #1a2538;
  --bg-input: #2a2a14;
  --border: #243149;
  --border-strong: #334155;
  --ink: #e6edf7;
  --ink-muted: #9fb0c7;
  --ink-subtle: #6f8198;
  --brand-navy: #0f2a4a;
  --brand-sky: #7dd3fc;
  --primary: #38bdf8;
  --primary-hover: #7dd3fc;
  --on-primary: #0b1220;
  --success: #34d399;
  --danger: #fb7185;
  --status-info-bg: #1e3a8a;
  --status-info-ink: #bfdbfe;
  --status-progress-bg: #312e81;
  --status-progress-ink: #c7d2fe;
  --status-warning-bg: #78350f;
  --status-warning-ink: #fde68a;
  --status-pending-bg: #4c1d95;
  --status-pending-ink: #ddd6fe;
  --status-success-bg: #064e3b;
  --status-success-ink: #a7f3d0;
  --status-done-bg: #134e4a;
  --status-done-ink: #99f6e4;
  --status-danger-bg: #881337;
  --status-danger-ink: #fecdd3;
  --status-neutral-ink: #cbd5e1;
  --focus: #7dd3fc;
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.5);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-pill: 999px;
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-letter: Arial, Helvetica, sans-serif;
}
.display { font-family: var(--font-sans); font-size: 30px; line-height: 36px; font-weight: 700; }
.h1 { font-family: var(--font-sans); font-size: 24px; line-height: 32px; font-weight: 700; }
.h2 { font-family: var(--font-sans); font-size: 16px; line-height: 24px; font-weight: 600; }
.body { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 400; }
.caption { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 400; }
.label { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 0.04em; }
.stat { font-family: var(--font-sans); font-size: 24px; line-height: 28px; font-weight: 700; }
.letter-body { font-family: var(--font-letter); font-size: 11pt; line-height: 1.45; font-weight: 400; }
.letter-annex { font-family: var(--font-letter); font-size: 9pt; line-height: 1.3; font-weight: 400; }
.form-body { font-family: var(--font-letter); font-size: 10.5pt; line-height: 1.35; font-weight: 400; }