/*
 * Generated by packages/tokens/scripts/generate-css.ts. Do not edit.
 *
 * Run `pnpm --filter @donorhq/tokens css:generate` after changing anything under
 * packages/tokens/src. CI fails when this file and those values disagree.
 */

:root {
  --hq-bg: #F3F5F8;
  --hq-surface: #FFFFFF;
  --hq-surface-2: #E9EDF2;
  --hq-ink: #1C2128;
  --hq-muted: #5D6874;
  --hq-line: #C6CDD6;
  --hq-line-soft: #DDE2E8;
  --hq-accent: #B5121B;
  --hq-accent-ink: #FFFFFF;
  --hq-accent-soft: #F6E2E3;
  --hq-accent-strong: #8E0E15;
  --hq-ok: #1F6F43;
  --hq-ok-soft: #DCEFE3;
  --hq-warn: #8A5A00;
  --hq-warn-soft: #F7ECD2;
  --hq-info: #1F5C8A;
  --hq-info-soft: #DCE9F3;
  --hq-alt: #5B3E8F;
  --hq-alt-soft: #E8E1F4;
  --hq-shadow-sm: 0 1px 2px rgba(28, 33, 40, 0.08);
  --hq-shadow-lg: 0 1px 2px rgba(28, 33, 40, 0.08), 0 8px 24px rgba(28, 33, 40, 0.08);
  --hq-space-none: 0;
  --hq-space-3xs: 2px;
  --hq-space-2xs: 4px;
  --hq-space-xs: 6px;
  --hq-space-sm: 8px;
  --hq-space-md: 12px;
  --hq-space-lg: 16px;
  --hq-space-xl: 24px;
  --hq-space-2xl: 32px;
  --hq-space-3xl: 48px;
  --hq-space-4xl: 64px;
  --hq-text-xs: 12px;
  --hq-text-sm: 13px;
  --hq-text-base: 15px;
  --hq-text-md: 16px;
  --hq-text-lg: 20px;
  --hq-text-xl: 24px;
  --hq-text-2xl: 32px;
  --hq-text-3xl: 40px;
  --hq-text-4xl: 56px;
  --hq-leading-tight: 1.15;
  --hq-leading-snug: 1.35;
  --hq-leading-normal: 1.45;
  --hq-leading-relaxed: 1.6;
  --hq-weight-regular: 400;
  --hq-weight-medium: 500;
  --hq-weight-semibold: 600;
  --hq-weight-bold: 700;
  --hq-tracking-normal: 0;
  --hq-tracking-wide: 0.04em;
  --hq-radius-sm: 6px;
  --hq-radius-md: 8px;
  --hq-radius-lg: 12px;
  --hq-radius-xl: 20px;
  --hq-radius-full: 999px;
  --hq-border-hairline: 1px;
  --hq-border-thick: 2px;
  --hq-border-accent: 3px;
  --hq-duration-fast: 120ms;
  --hq-duration-base: 200ms;
  --hq-duration-slow: 320ms;
  --hq-ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --hq-ease-enter: cubic-bezier(0, 0, 0.2, 1);
  --hq-ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --hq-layer-base: 0;
  --hq-layer-raised: 1;
  --hq-layer-sticky: 10;
  --hq-layer-header: 20;
  --hq-layer-overlay: 30;
  --hq-layer-modal: 40;
  --hq-layer-toast: 50;
  --hq-screen-sm: 480px;
  --hq-screen-md: 768px;
  --hq-screen-lg: 1024px;
  --hq-screen-xl: 1280px;
  --hq-measure-prose: 65ch;
  --hq-measure-app: 520px;
  --hq-measure-page: 1200px;
  --hq-focus-width: 2px;
  --hq-focus-offset: 2px;
  --hq-font: "IBM Plex Sans", "Segoe UI", Roboto, system-ui, sans-serif;
  --hq-font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --hq-bg: #15181D;
    --hq-surface: #1E232A;
    --hq-surface-2: #262C34;
    --hq-ink: #E6E9EE;
    --hq-muted: #98A2AE;
    --hq-line: #3A424D;
    --hq-line-soft: #2E353E;
    --hq-accent: #D92624;
    --hq-accent-ink: #FFFFFF;
    --hq-accent-soft: #3A1D1F;
    --hq-accent-strong: #B5121B;
    --hq-ok: #5CC48A;
    --hq-ok-soft: #173325;
    --hq-warn: #E0B053;
    --hq-warn-soft: #3A2F16;
    --hq-info: #7FB6E0;
    --hq-info-soft: #15293A;
    --hq-alt: #B49AE0;
    --hq-alt-soft: #251E38;
    --hq-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
    --hq-shadow-lg: 0 1px 2px rgba(0, 0, 0, 0.4), 0 8px 24px rgba(0, 0, 0, 0.35);
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --hq-bg: #15181D;
  --hq-surface: #1E232A;
  --hq-surface-2: #262C34;
  --hq-ink: #E6E9EE;
  --hq-muted: #98A2AE;
  --hq-line: #3A424D;
  --hq-line-soft: #2E353E;
  --hq-accent: #D92624;
  --hq-accent-ink: #FFFFFF;
  --hq-accent-soft: #3A1D1F;
  --hq-accent-strong: #B5121B;
  --hq-ok: #5CC48A;
  --hq-ok-soft: #173325;
  --hq-warn: #E0B053;
  --hq-warn-soft: #3A2F16;
  --hq-info: #7FB6E0;
  --hq-info-soft: #15293A;
  --hq-alt: #B49AE0;
  --hq-alt-soft: #251E38;
  --hq-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
  --hq-shadow-lg: 0 1px 2px rgba(0, 0, 0, 0.4), 0 8px 24px rgba(0, 0, 0, 0.35);
  color-scheme: dark;
}