/* GENERATED by scripts/gen-css.ts from src/theme — do not edit; pnpm --filter showcase gen:css */
:root {
  --bf-paper: #f6f7f9;
  --bf-surface: #ffffff;
  --bf-sunken: #eceef2;
  --bf-ink: #111418;
  --bf-ink-soft: #5b6470;
  --bf-ink-ghost: #9aa3ad;
  --bf-hairline: #d9dde3;
  --bf-stroke: #767f8c;
  --bf-accent: #1f5eff;
  --bf-on-accent: #ffffff;
  --bf-danger: #b3261e;
  --bf-on-danger: #ffffff;
  --bf-success: #2e7d32;
  --bf-on-success: #ffffff;
  --bf-warning: #8a5a00;
  --bf-on-warning: #ffffff;
  --bf-scrim: rgba(17, 20, 24, 0.45);
  --bf-space-xs: 4px;
  --bf-space-sm: 8px;
  --bf-space-md: 16px;
  --bf-space-lg: 24px;
  --bf-space-xl: 40px;
  --bf-space-xxl: 64px;
  --bf-radius-none: 0px;
  --bf-radius-sm: 4px;
  --bf-radius-md: 8px;
  --bf-radius-lg: 16px;
  --bf-radius-pill: 999px;
  --bf-stroke-hairline: 1px;
  --bf-stroke-outline: 2px;
  --bf-size-control: 44px;
  --bf-state-disabled: 0.6;
  --bf-state-pressed: 0.75;
  --bf-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --bf-text-title-size: 28px;
  --bf-text-title-line: 34px;
  --bf-text-title-weight: 600;
  --bf-text-heading-size: 20px;
  --bf-text-heading-line: 26px;
  --bf-text-heading-weight: 600;
  --bf-text-body-size: 16px;
  --bf-text-body-line: 25px;
  --bf-text-body-weight: 400;
  --bf-text-small-size: 13px;
  --bf-text-small-line: 18px;
  --bf-text-small-weight: 400;
  --bf-text-label-size: 16px;
  --bf-text-label-line: 20px;
  --bf-text-label-weight: 600;
  --bf-button-bg: #1f5eff;
  --bf-button-fg: #ffffff;
  --bf-button-border: 0 solid transparent;
  --bf-button-radius: 8px;
  --bf-card-bg: #ffffff;
  --bf-card-border: 1px solid #d9dde3;
  --bf-card-radius: 16px;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bf-paper: #111418;
    --bf-surface: #1a1f26;
    --bf-sunken: #0b0e12;
    --bf-ink: #eef1f5;
    --bf-ink-soft: #97a1ad;
    --bf-ink-ghost: #5f6873;
    --bf-hairline: #2a3037;
    --bf-stroke: #6f7985;
    --bf-accent: #7aa2ff;
    --bf-on-accent: #0b1020;
    --bf-danger: #ff8a80;
    --bf-on-danger: #2b0000;
    --bf-success: #7bd88f;
    --bf-on-success: #0b1f0d;
    --bf-warning: #ffb74d;
    --bf-on-warning: #2b1a00;
    --bf-scrim: rgba(0, 0, 0, 0.6);
    --bf-space-xs: 4px;
    --bf-space-sm: 8px;
    --bf-space-md: 16px;
    --bf-space-lg: 24px;
    --bf-space-xl: 40px;
    --bf-space-xxl: 64px;
    --bf-radius-none: 0px;
    --bf-radius-sm: 4px;
    --bf-radius-md: 8px;
    --bf-radius-lg: 16px;
    --bf-radius-pill: 999px;
    --bf-stroke-hairline: 1px;
    --bf-stroke-outline: 2px;
    --bf-size-control: 44px;
    --bf-state-disabled: 0.6;
    --bf-state-pressed: 0.75;
    --bf-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
    --bf-text-title-size: 28px;
    --bf-text-title-line: 34px;
    --bf-text-title-weight: 600;
    --bf-text-heading-size: 20px;
    --bf-text-heading-line: 26px;
    --bf-text-heading-weight: 600;
    --bf-text-body-size: 16px;
    --bf-text-body-line: 25px;
    --bf-text-body-weight: 400;
    --bf-text-small-size: 13px;
    --bf-text-small-line: 18px;
    --bf-text-small-weight: 400;
    --bf-text-label-size: 16px;
    --bf-text-label-line: 20px;
    --bf-text-label-weight: 600;
    --bf-button-bg: #7aa2ff;
    --bf-button-fg: #0b1020;
    --bf-button-border: 0 solid transparent;
    --bf-button-radius: 8px;
    --bf-card-bg: #1a1f26;
    --bf-card-border: 1px solid #2a3037;
    --bf-card-radius: 16px;
  }
}
:root[data-theme="dark"] {
  --bf-paper: #111418;
  --bf-surface: #1a1f26;
  --bf-sunken: #0b0e12;
  --bf-ink: #eef1f5;
  --bf-ink-soft: #97a1ad;
  --bf-ink-ghost: #5f6873;
  --bf-hairline: #2a3037;
  --bf-stroke: #6f7985;
  --bf-accent: #7aa2ff;
  --bf-on-accent: #0b1020;
  --bf-danger: #ff8a80;
  --bf-on-danger: #2b0000;
  --bf-success: #7bd88f;
  --bf-on-success: #0b1f0d;
  --bf-warning: #ffb74d;
  --bf-on-warning: #2b1a00;
  --bf-scrim: rgba(0, 0, 0, 0.6);
  --bf-space-xs: 4px;
  --bf-space-sm: 8px;
  --bf-space-md: 16px;
  --bf-space-lg: 24px;
  --bf-space-xl: 40px;
  --bf-space-xxl: 64px;
  --bf-radius-none: 0px;
  --bf-radius-sm: 4px;
  --bf-radius-md: 8px;
  --bf-radius-lg: 16px;
  --bf-radius-pill: 999px;
  --bf-stroke-hairline: 1px;
  --bf-stroke-outline: 2px;
  --bf-size-control: 44px;
  --bf-state-disabled: 0.6;
  --bf-state-pressed: 0.75;
  --bf-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --bf-text-title-size: 28px;
  --bf-text-title-line: 34px;
  --bf-text-title-weight: 600;
  --bf-text-heading-size: 20px;
  --bf-text-heading-line: 26px;
  --bf-text-heading-weight: 600;
  --bf-text-body-size: 16px;
  --bf-text-body-line: 25px;
  --bf-text-body-weight: 400;
  --bf-text-small-size: 13px;
  --bf-text-small-line: 18px;
  --bf-text-small-weight: 400;
  --bf-text-label-size: 16px;
  --bf-text-label-line: 20px;
  --bf-text-label-weight: 600;
  --bf-button-bg: #7aa2ff;
  --bf-button-fg: #0b1020;
  --bf-button-border: 0 solid transparent;
  --bf-button-radius: 8px;
  --bf-card-bg: #1a1f26;
  --bf-card-border: 1px solid #2a3037;
  --bf-card-radius: 16px;
}