/* Egret — generated from tokens.json */

@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600&family=Geist+Mono:wght@500&display=swap');



:root, [data-theme="light"] {
  --surface: #f5f5f3;
  --surface-raised: #ffffff;
  --surface-sunk: #ebebe8;
  --surface-inverse: #0b0b0c;
  --ink: #0b0b0c;
  --ink-muted: #5c5c58;
  --ink-inverse: #f2f2ef;
  --line: #d6d6d2;
  --line-strong: #85857f;
  --gray-50: #f5f5f3;
  --gray-200: #d6d6d2;
  --gray-400: #a3a39e;
  --gray-600: #5c5c58;
  --gray-800: #222225;
  --black: #0b0b0c;
  --accent: #f2b705;
  --accent-text: #7a5600;
  --on-accent: #0b0b0c;
  --focus: #0b0b0c;
}

[data-theme="dark"] {
  --surface: #0e0e0f;
  --surface-raised: #18181a;
  --surface-sunk: #222225;
  --surface-inverse: #f2f2ef;
  --ink: #f2f2ef;
  --ink-muted: #a3a39e;
  --ink-inverse: #0b0b0c;
  --line: #34343a;
  --line-strong: #76767c;
  --gray-50: #f5f5f3;
  --gray-200: #d6d6d2;
  --gray-400: #a3a39e;
  --gray-600: #5c5c58;
  --gray-800: #222225;
  --black: #0b0b0c;
  --accent: #f5c12e;
  --accent-text: #f5c12e;
  --on-accent: #0b0b0c;
  --focus: #f2f2ef;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --surface: #0e0e0f;
    --surface-raised: #18181a;
    --surface-sunk: #222225;
    --surface-inverse: #f2f2ef;
    --ink: #f2f2ef;
    --ink-muted: #a3a39e;
    --ink-inverse: #0b0b0c;
    --line: #34343a;
    --line-strong: #76767c;
    --gray-50: #f5f5f3;
    --gray-200: #d6d6d2;
    --gray-400: #a3a39e;
    --gray-600: #5c5c58;
    --gray-800: #222225;
    --black: #0b0b0c;
    --accent: #f5c12e;
    --accent-text: #f5c12e;
    --on-accent: #0b0b0c;
    --focus: #f2f2ef;
}
}

: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;
  --radius-0: 0px;
  --radius-sm: 2px;
  --radius-full: 9999px;
  --content-max: 1200px;
  --text-max: 680px;
  --font-sans: "Geist", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, Menlo, monospace;
}

.display-xl { font-family: var(--font-sans); font-size: 72px; line-height: 72px; font-weight: 600; letter-spacing: -0.035em; }

.display { font-family: var(--font-sans); font-size: 48px; line-height: 52px; font-weight: 600; letter-spacing: -0.03em; }

.heading { font-family: var(--font-sans); font-size: 28px; line-height: 34px; font-weight: 600; letter-spacing: -0.02em; }

.subheading { font-family: var(--font-sans); font-size: 20px; line-height: 28px; font-weight: 500; letter-spacing: -0.01em; }

.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; }

.caption { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 400; }

.eyebrow { font-family: var(--font-mono); font-size: 12px; line-height: 16px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; }