/* Plutonex — generated from the design system tokens.json */
:root {
  --surface: #eceef1;
  --surface-raised: #ffffff;
  --surface-alt: #e1e4e8;
  --line: #cfd3d8;
  --line-strong: #6b717c;
  --ink: #15181d;
  --ink-muted: #4f5561;
  --action: #15181d;
  --action-hover: #363c47;
  --on-action: #ffffff;
  --signal: #f5a524;
  --danger: #b42318;
  --scrim: rgba(21, 24, 29, 0.65);
  --space-2: 8px;
  --space-4: 16px;
  --space-6: 24px;
  --space-12: 48px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --font-sans: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
.display { font-family: var(--font-sans); font-size: 48px; line-height: 56px; font-weight: 700; letter-spacing: -0.02em; }
.h1 { font-family: var(--font-sans); font-size: 36px; line-height: 44px; font-weight: 700; letter-spacing: -0.01em; }
.h2 { font-family: var(--font-sans); font-size: 24px; line-height: 32px; font-weight: 600; }
.body-lg { font-family: var(--font-sans); font-size: 18px; line-height: 28px; font-weight: 400; }
.body { font-family: var(--font-sans); font-size: 16px; line-height: 24px; font-weight: 400; }
.small { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 400; }
.label { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 600; letter-spacing: 0.01em; }