/* Sourceflow — generated from design-system/project/tokens.json */

:root, [data-theme="light"] {
  --surface: #f5f7f6;
  --surface-raised: #ffffff;
  --surface-sunken: #e9eeeb;
  --line: #d3dcd8;
  --line-strong: #788982;
  --ink: #10201b;
  --ink-muted: #4b5c55;
  --source: #0b5d50;
  --source-strong: #08463c;
  --source-soft: #dcefe9;
  --on-source: #ffffff;
  --signal: #a3460a;
  --signal-soft: #fbe9dc;
  --danger: #b42318;
  --danger-soft: #fdeceb;
  --success: #1f6b3d;
  --success-soft: #e3f2e8;
  --link: var(--source);
  --focus: var(--source);
}

[data-theme="dark"] {
  --surface: #0d1513;
  --surface-raised: #141f1c;
  --surface-sunken: #09100e;
  --line: #26332f;
  --line-strong: #62756d;
  --ink: #e6eeeb;
  --ink-muted: #9db0a8;
  --source: #5cc8b2;
  --source-strong: #85dccb;
  --source-soft: #11352e;
  --on-source: #06110e;
  --signal: #f0a35e;
  --signal-soft: #3a2412;
  --danger: #f97066;
  --danger-soft: #3b1512;
  --success: #6fcf8f;
  --success-soft: #12301d;
  --link: var(--source);
  --focus: var(--source);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --surface: #0d1513;
    --surface-raised: #141f1c;
    --surface-sunken: #09100e;
    --line: #26332f;
    --line-strong: #62756d;
    --ink: #e6eeeb;
    --ink-muted: #9db0a8;
    --source: #5cc8b2;
    --source-strong: #85dccb;
    --source-soft: #11352e;
    --on-source: #06110e;
    --signal: #f0a35e;
    --signal-soft: #3a2412;
    --danger: #f97066;
    --danger-soft: #3b1512;
    --success: #6fcf8f;
    --success-soft: #12301d;
    --link: var(--source);
    --focus: var(--source);
  }
}

:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --measure: 68ch;
  --page-max: 1160px;
  --control-height: 44px;
  --font-serif: "Source Serif 4", Georgia, "Times New Roman", serif;
  --font-sans: "Source Sans 3", -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-mono: "Source Code Pro", ui-monospace, Menlo, Consolas, monospace;
}

.display-xl { font-family: var(--font-serif); font-size: 56px; line-height: 60px; font-weight: 600; letter-spacing: -0.015em; }

.display-lg { font-family: var(--font-serif); font-size: 40px; line-height: 46px; font-weight: 600; letter-spacing: -0.01em; }

.heading { font-family: var(--font-serif); font-size: 28px; line-height: 34px; font-weight: 600; }

.title { font-family: var(--font-sans); font-size: 20px; line-height: 28px; font-weight: 600; }

.body-lg { font-family: var(--font-sans); font-size: 18px; line-height: 29px; font-weight: 400; }

.body { font-family: var(--font-sans); font-size: 16px; line-height: 26px; font-weight: 400; }

.legal { font-family: var(--font-sans); font-size: 14px; line-height: 22px; 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: 13px; line-height: 18px; font-weight: 600; letter-spacing: 0.06em; }

.mono { font-family: var(--font-mono); font-size: 13px; line-height: 20px; font-weight: 400; }