/* GENERATED by scripts/build_tokens.py.
 * v0.1: proposed values; not an extraction of snapcrack.com CSS.
 * No fonts or original logos are bundled.
 */
:root {
  --sc-color-yellow: #F5F500;
  --sc-color-yellow-hover: #E4E400;
  --sc-color-yellow-active: #D2D200;
  --sc-color-ink: #101010;
  --sc-color-black: #0A0A0A;
  --sc-color-white: #FFFFFF;
  --sc-color-canvas: #F6F6F2;
  --sc-color-soft: #EEEEE8;
  --sc-color-muted: #555650;
  --sc-color-border: #D8D9D1;
  --sc-color-control-border: #7B7D73;
  --sc-color-dark-surface: #171717;
  --sc-color-dark-raised: #242424;
  --sc-color-dark-muted: #B8BBB2;
  --sc-color-dark-border: #41433D;
  --sc-color-dark-control-border: #808278;
  --sc-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --sc-font-mono: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  --sc-weight-regular: 400;
  --sc-weight-medium: 500;
  --sc-weight-semibold: 600;
  --sc-weight-bold: 700;
  --sc-weight-display: 800;
  --sc-text-xs: 0.75rem;
  --sc-text-sm: 0.875rem;
  --sc-text-base: 1rem;
  --sc-text-lg: 1.125rem;
  --sc-text-h3: 1.25rem;
  --sc-text-h2: clamp(1.5rem, 1.25rem + 1vw, 1.75rem);
  --sc-text-h1: clamp(2rem, 1.5rem + 2vw, 2.5rem);
  --sc-text-display: clamp(2.5rem, 1.5rem + 4vw, 4.5rem);
  --sc-leading-body: 1.5;
  --sc-leading-heading: 1.15;
  --sc-tracking-heading: -0.035em;
  --sc-space-1: 0.25rem;
  --sc-space-2: 0.5rem;
  --sc-space-3: 0.75rem;
  --sc-space-4: 1rem;
  --sc-space-6: 1.5rem;
  --sc-space-8: 2rem;
  --sc-space-12: 3rem;
  --sc-space-16: 4rem;
  --sc-space-24: 6rem;
  --sc-radius-control: 0.375rem;
  --sc-radius-card: 0.75rem;
  --sc-radius-feature: 1.25rem;
  --sc-radius-pill: 999px;
  --sc-control-height: 3rem;
  --sc-control-compact-height: 2.75rem;
  --sc-container: 75rem;
  --sc-reading-width: 65ch;
  --sc-form-width: 38rem;
  --sc-duration-fast: 120ms;
  --sc-duration-normal: 180ms;
  --sc-ease: cubic-bezier(0.2, 0, 0, 1);
  --sc-shadow-card: 0 2px 10px rgb(0 0 0 / 5%);
  --sc-shadow-popover: 0 12px 36px rgb(0 0 0 / 16%);
}

.sc-ui, [data-sc-theme="light"] {
  color-scheme: light;
  --sc-bg: var(--sc-color-canvas);
  --sc-surface: var(--sc-color-white);
  --sc-surface-raised: var(--sc-color-soft);
  --sc-text: var(--sc-color-ink);
  --sc-text-muted: var(--sc-color-muted);
  --sc-border: var(--sc-color-border);
  --sc-control-border: var(--sc-color-control-border);
  --sc-link: var(--sc-color-ink);
  --sc-focus: var(--sc-color-ink);
  --sc-accent: var(--sc-color-yellow);
  --sc-accent-hover: var(--sc-color-yellow-hover);
  --sc-accent-active: var(--sc-color-yellow-active);
  --sc-on-accent: var(--sc-color-ink);
  --sc-action-border: var(--sc-color-ink);
  --sc-disabled-bg: #E2E2DC;
  --sc-disabled-text: #555650;
  --sc-success-text: #166534;
  --sc-success-bg: #DCFCE7;
  --sc-warning-text: #854D0E;
  --sc-warning-bg: #FEF9C3;
  --sc-danger-text: #B42318;
  --sc-danger-bg: #FEE4E2;
  --sc-info-text: #1D4ED8;
  --sc-info-bg: #DBEAFE;
  --sc-danger-button: #B42318;
  --sc-danger-button-hover: #912018;
  --sc-on-danger-button: #FFFFFF;
}

[data-sc-theme="dark"] {
  color-scheme: dark;
  --sc-bg: var(--sc-color-black);
  --sc-surface: var(--sc-color-dark-surface);
  --sc-surface-raised: var(--sc-color-dark-raised);
  --sc-text: var(--sc-color-white);
  --sc-text-muted: var(--sc-color-dark-muted);
  --sc-border: var(--sc-color-dark-border);
  --sc-control-border: var(--sc-color-dark-control-border);
  --sc-link: var(--sc-color-yellow);
  --sc-focus: var(--sc-color-yellow);
  --sc-accent: var(--sc-color-yellow);
  --sc-accent-hover: var(--sc-color-yellow-hover);
  --sc-accent-active: var(--sc-color-yellow-active);
  --sc-on-accent: var(--sc-color-ink);
  --sc-action-border: var(--sc-color-yellow);
  --sc-disabled-bg: #353630;
  --sc-disabled-text: #B8BBB2;
  --sc-success-text: #86EFAC;
  --sc-success-bg: #123722;
  --sc-warning-text: #FDE68A;
  --sc-warning-bg: #423208;
  --sc-danger-text: #FDA29B;
  --sc-danger-bg: #4D1715;
  --sc-info-text: #93C5FD;
  --sc-info-bg: #172E50;
  --sc-danger-button: #B42318;
  --sc-danger-button-hover: #912018;
  --sc-on-danger-button: #FFFFFF;
}