/* D5 SEA — generated from tokens.json */
:root, [data-theme="light"] {
  --brand-navy: #073b75;
  --brand-navy-hover: #05305f;
  --brand-ocean: #087fb5;
  --brand-ocean-text: #0770a3;
  --brand-ocean-tint: #e6f1f9;
  --brand-cyan: #22c4d8;
  --brand-cyan-text: #0a7685;
  --brand-cyan-tint: #e3f8fb;
  --brand-orange: #ffa62b;
  --brand-orange-text: #9a5500;
  --brand-orange-tint: #fff1dc;
  --surface-page: #f5fafd;
  --surface-card: #ffffff;
  --surface-sunken: #eef2f6;
  --ink: #263746;
  --ink-heading: var(--brand-navy);
  --ink-muted: #5c6b7a;
  --on-brand: #ffffff;
  --border-hairline: #dce4ec;
  --border-control: #7b8a99;
  --focus-ring: var(--brand-ocean-text);
  --status-success: #1f7a3d;
  --status-success-tint: #e7f5ec;
  --status-danger: #b42318;
  --status-danger-tint: #fdecea;
  --shadow-card: 0 1px 2px rgba(7, 59, 117, 0.06), 0 4px 12px rgba(7, 59, 117, 0.06);
  --shadow-raised: 0 2px 4px rgba(7, 59, 117, 0.08), 0 12px 28px rgba(7, 59, 117, 0.12);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --font-display: "Manrope", "Noto Sans SC", "PingFang SC", system-ui, sans-serif;
  --font-sans: "Manrope", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "SFMono-Regular", monospace;
}