/* Letflow Front Door — generated from tokens.json */
:root, [data-theme="light"] {
  --paper: #f3efe6;
  --paper-raised: #fbf9f4;
  --paper-sunken: #e9e3d6;
  --paper-glass: rgba(243, 239, 230, 0.86);
  --night: #11211e;
  --line: #d6cebd;
  --line-strong: #857d6e;
  --ink: #14201d;
  --ink-muted: #4f5b57;
  --ink-faint: #5f6a66;
  --on-night: #efe9dd;
  --on-night-muted: #a7b3ae;
  --current: #0c6b5f;
  --current-strong: #08544a;
  --on-current: #f7f4ec;
  --current-tint: #d5e8e1;
  --current-on-night: #4cc0ad;
  --ember: #e4622a;
  --on-ember: #14201d;
  --ember-ink: #a8441a;
  --focus: #c14f1d;
  --info: #2c5b88;
  --info-tint: #dce7f1;
  --warning: #835500;
  --warning-tint: #f6e7c4;
  --success: #0f6470;
  --success-tint: #d3eae6;
  --danger: #b3261e;
  --danger-tint: #f7dcd6;
  --shadow-raised: 0 1px 0 rgba(20, 32, 29, 0.06), 0 2px 6px rgba(20, 32, 29, 0.06);
  --shadow-float: 0 12px 32px rgba(20, 32, 29, 0.14);
}
[data-theme="dark"] {
  --paper: #0f1614;
  --paper-raised: #172120;
  --paper-sunken: #0a0f0e;
  --paper-glass: rgba(15, 22, 20, 0.86);
  --night: #1a2b28;
  --line: #2a3633;
  --line-strong: #66746f;
  --ink: #ede8dc;
  --ink-muted: #a9b2ad;
  --ink-faint: #939d98;
  --on-night: #efe9dd;
  --on-night-muted: #a7b3ae;
  --current: #4cc0ad;
  --current-strong: #7fd6c7;
  --on-current: #08201c;
  --current-tint: #173a35;
  --current-on-night: #4cc0ad;
  --ember: #ff8a52;
  --on-ember: #1a0d06;
  --ember-ink: #ff9d6b;
  --focus: #ff8a52;
  --info: #93b9e2;
  --info-tint: #18283a;
  --warning: #e8c46a;
  --warning-tint: #33270d;
  --success: #6fd0bf;
  --success-tint: #10302c;
  --danger: #ff8f80;
  --danger-tint: #3a1714;
  --shadow-raised: 0 1px 0 rgba(0, 0, 0, 0.4), 0 2px 6px rgba(0, 0, 0, 0.35);
  --shadow-float: 0 12px 32px rgba(0, 0, 0, 0.5);
}
: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;
  --space-24: 96px;
  --space-32: 128px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --radius-node: 20px;
  --radius-full: 9999px;
  --dur-fast: 140ms;
  --dur-base: 240ms;
  --dur-draw: 900ms;
  --dur-flow: 9s;
  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-flow: cubic-bezier(0.45, 0, 0.55, 1);
  --content-max-width: 1280px;
  --measure: 64ch;
  --nav-height: 64px;
  --z-nav: 100;
  --z-modal: 500;
  --z-dialog: 600;
  --z-toast: 700;
  --font-display: "Geologica", "Onest", system-ui, sans-serif;
  --font-sans: "Onest", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", "JetBrains Mono", ui-monospace, monospace;
}
.display-xl { font-family: var(--font-display); font-size: 72px; line-height: 76px; font-weight: 600; letter-spacing: -0.02em; }
.display-l { font-family: var(--font-display); font-size: 48px; line-height: 54px; font-weight: 600; letter-spacing: -0.015em; }
.heading-1 { font-family: var(--font-display); font-size: 32px; line-height: 38px; font-weight: 500; letter-spacing: -0.01em; }
.heading-2 { font-family: var(--font-display); font-size: 22px; line-height: 28px; font-weight: 500; }
.lede { font-family: var(--font-sans); font-size: 20px; line-height: 30px; font-weight: 400; }
.body { font-family: var(--font-sans); font-size: 16px; line-height: 26px; font-weight: 400; }
.body-s { font-family: var(--font-sans); font-size: 14px; line-height: 22px; font-weight: 400; }
.label { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 600; letter-spacing: 0.01em; }
.caption { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 400; }
.eyebrow { font-family: var(--font-mono); font-size: 12px; line-height: 16px; font-weight: 500; letter-spacing: 0.12em; }
.mono { font-family: var(--font-mono); font-size: 13px; line-height: 20px; font-weight: 400; }

/* Follow the OS theme when the visitor has not chosen one (no data-theme attribute). */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper: #0f1614;
    --paper-raised: #172120;
    --paper-sunken: #0a0f0e;
    --paper-glass: rgba(15, 22, 20, 0.86);
    --night: #1a2b28;
    --line: #2a3633;
    --line-strong: #66746f;
    --ink: #ede8dc;
    --ink-muted: #a9b2ad;
    --ink-faint: #939d98;
    --on-night: #efe9dd;
    --on-night-muted: #a7b3ae;
    --current: #4cc0ad;
    --current-strong: #7fd6c7;
    --on-current: #08201c;
    --current-tint: #173a35;
    --current-on-night: #4cc0ad;
    --ember: #ff8a52;
    --on-ember: #1a0d06;
    --ember-ink: #ff9d6b;
    --focus: #ff8a52;
    --info: #93b9e2;
    --info-tint: #18283a;
    --warning: #e8c46a;
    --warning-tint: #33270d;
    --success: #6fd0bf;
    --success-tint: #10302c;
    --danger: #ff8f80;
    --danger-tint: #3a1714;
    --shadow-raised: 0 1px 0 rgba(0, 0, 0, 0.4), 0 2px 6px rgba(0, 0, 0, 0.35);
    --shadow-float: 0 12px 32px rgba(0, 0, 0, 0.5);
    color-scheme: dark;
  }
}
[data-theme="dark"] { color-scheme: dark; }