/* Generated from packages/site-factory/src/design/tokens.ts. Do not edit by hand. */
:root {
  --text-display: clamp(2.75rem, 1.1rem + 4.9vw, 5.5rem);
  --text-h1: clamp(2.25rem, 1.2rem + 3.4vw, 4rem);
  --text-h2: clamp(1.875rem, 1.2rem + 2vw, 3rem);
  --text-h3: clamp(1.375rem, 1.1rem + 0.6vw, 1.75rem);
  --text-h4: clamp(1.125rem, 1.05rem + 0.2vw, 1.25rem);
  --text-body-lg: clamp(1.125rem, 1.05rem + 0.2vw, 1.25rem);
  --text-body: clamp(1rem, 0.97rem + 0.1vw, 1.0625rem);
  --text-small: 0.875rem;
  --text-eyebrow: 0.8125rem;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;
  --space-11: 160px;
  --container-prose: 680px;
  --container-default: 1200px;
  --container-wide: 1360px;
  --shadow-1: 0 1px 2px rgba(16, 16, 16, 0.06), 0 1px 1px rgba(16, 16, 16, 0.04);
  --shadow-2: 0 8px 24px -8px rgba(16, 16, 16, 0.12);
  --shadow-3: 0 24px 48px -16px rgba(16, 16, 16, 0.18);
  --motion-fast: 150ms;
  --motion-base: 250ms;
  --motion-reveal: 600ms;
  --motion-hero: 800ms;
  --ease-out: cubic-bezier(0.2, 0, 0, 1);
  --ease-reveal: cubic-bezier(0.22, 1, 0.36, 1);
  --gutter: 20px;
}
@media (min-width: 768px) {
  :root {
    --gutter: 32px;
  }
}
@media (min-width: 1280px) {
  :root {
    --gutter: 48px;
  }
}
[data-family='a'] {
  --bg: #f6f1ea;
  --surface: #efe8de;
  --surface-2: #e7dfd3;
  --ink: #1c1916;
  --ink-muted: #5c534c;
  --line: #ddd2c6;
  --line-strong: #8f8378;
  --accent: #a34722;
  --accent-decor: #b4532a;
  --accent-ink: #ffffff;
  --on-ink: #f6f1ea;
  --on-ink-muted: #d9d0c5;
  --success: #1b5e3b;
  --danger: #9f2d2d;
  --radius-button: 999px;
  --radius-card: 20px;
  --radius-image: 16px;
  --radius-input: 12px;
  --font-display: 'Fraunces', 'Fraunces Fallback', ui-serif, Georgia, serif;
  --font-body: 'General Sans', 'General Sans Fallback', ui-sans-serif, system-ui, sans-serif;
  --elev-1: var(--shadow-1);
  --elev-2: var(--shadow-2);
  --elev-3: var(--shadow-3);
  --stroke: transparent;
}
[data-family='b'] {
  --bg: #ffffff;
  --surface: #f4f6f8;
  --surface-2: #e8edf2;
  --ink: #0e1116;
  --ink-muted: #3e4653;
  --line: #e2e6ec;
  --line-strong: #767676;
  --accent: #1a5fd0;
  --accent-decor: #1f6feb;
  --accent-ink: #ffffff;
  --on-ink: #f4f6f8;
  --on-ink-muted: #c5ced8;
  --success: #1b5e3b;
  --danger: #9f2d2d;
  --radius-button: 8px;
  --radius-card: 12px;
  --radius-image: 8px;
  --radius-input: 8px;
  --font-display: 'Cabinet Grotesk', 'General Sans', ui-sans-serif, system-ui, sans-serif;
  --font-body: 'Satoshi', 'General Sans', ui-sans-serif, system-ui, sans-serif;
  --elev-1: var(--shadow-1);
  --elev-2: var(--shadow-2);
  --elev-3: var(--shadow-3);
  --stroke: transparent;
}
[data-family='c'] {
  --bg: #0b0b0c;
  --surface: #161618;
  --surface-2: #22221f;
  --ink: #f4f4f2;
  --ink-muted: #c8c8c2;
  --line: #2c2c2e;
  --line-strong: #6e6e74;
  --accent: #e8ff59;
  --accent-decor: #e8ff59;
  --accent-ink: #0b0b0c;
  --on-ink: #0b0b0c;
  --on-ink-muted: #3a3a38;
  --success: #b6f2c8;
  --danger: #ffb4b4;
  --radius-button: 4px;
  --radius-card: 4px;
  --radius-image: 0px;
  --radius-input: 4px;
  --font-display: 'Clash Display', 'General Sans', ui-sans-serif, system-ui, sans-serif;
  --font-body: 'Manrope', 'General Sans', ui-sans-serif, system-ui, sans-serif;
  --elev-1: none;
  --elev-2: none;
  --elev-3: none;
  --stroke: var(--line);
}
[data-family='d'] {
  --bg: #fbf8f6;
  --surface: #f3ede8;
  --surface-2: #e9e0da;
  --ink: #231f20;
  --ink-muted: #5e564f;
  --line: #e6dcd6;
  --line-strong: #8f8378;
  --accent: #7a574c;
  --accent-decor: #8c6a5d;
  --accent-ink: #ffffff;
  --on-ink: #fbf8f6;
  --on-ink-muted: #e4d5cc;
  --success: #1b5e3b;
  --danger: #9f2d2d;
  --radius-button: 999px;
  --radius-card: 24px;
  --radius-image: 24px;
  --radius-input: 14px;
  --font-display: 'Instrument Serif', 'Fraunces', ui-serif, Georgia, serif;
  --font-body: 'DM Sans', 'General Sans', ui-sans-serif, system-ui, sans-serif;
  --elev-1: var(--shadow-1);
  --elev-2: var(--shadow-2);
  --elev-3: var(--shadow-3);
  --stroke: transparent;
}
[data-family='e'] {
  --bg: #f3f0ea;
  --surface: #e8e3db;
  --surface-2: #ddd7ce;
  --ink: #161412;
  --ink-muted: #5c564e;
  --line: #d5cfc6;
  --line-strong: #6e675f;
  --accent: #8c3428;
  --accent-decor: #8c3428;
  --accent-ink: #f7f4ef;
  --on-ink: #f3f0ea;
  --on-ink-muted: #c9c2b8;
  --success: #1b5e3b;
  --danger: #9f2d2d;
  --radius-button: 999px;
  --radius-card: 2px;
  --radius-image: 2px;
  --radius-input: 0px;
  --font-display:
    'Instrument Sans', 'Instrument Sans Fallback', ui-sans-serif, system-ui, sans-serif;
  --font-body: 'Instrument Sans', 'Instrument Sans Fallback', ui-sans-serif, system-ui, sans-serif;
  --elev-1: none;
  --elev-2: none;
  --elev-3: none;
  --stroke: var(--line);
  --text-display: clamp(2.6rem, 9vw, 7.5rem);
  --text-h2: clamp(2rem, 5vw, 4rem);
  --text-body: 1.125rem;
  --text-micro: 0.75rem;
  --dark: #141210;
}
[data-family='f'] {
  --bg: #090909;
  --surface: #141414;
  --surface-2: #1c1c1c;
  --ink: #f6f5f2;
  --ink-muted: #c4c4bc;
  --line: #2c2c2c;
  --line-strong: #8f8f88;
  --accent: #f6f5f2;
  --accent-decor: #f6f5f2;
  --accent-ink: #090909;
  --on-ink: #111111;
  --on-ink-muted: #4a4a46;
  --success: #d8d8d0;
  --danger: #d8d8d0;
  --radius-button: 0px;
  --radius-card: 0px;
  --radius-image: 0px;
  --radius-input: 0px;
  --font-display: 'Fraunces', 'Fraunces Fallback', ui-serif, Georgia, serif;
  --font-body: 'Instrument Sans', 'Instrument Sans Fallback', ui-sans-serif, system-ui, sans-serif;
  --elev-1: none;
  --elev-2: none;
  --elev-3: none;
  --stroke: var(--line);
  --text-display: clamp(2.15rem, 8.2vw, 8.25rem);
  --text-h2: clamp(1.75rem, 3.2vw, 4.25rem);
  --text-body: 1.0625rem;
  --text-micro: 0.75rem;
  --dark: #090909;
}