/* HeyBeta design-system v6 snapshot. Source: heybeta-design-system/components/tokens.css
   Trimmed for the dashboard: the revamp ships ONE typeface, so the snapshot's
   JetBrains Mono @font-face and its --hb-f-mono token are gone. Identifiers use
   tabular figures and the `.id` class in dashboard.css, never a monospace face. */
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("/dashboard-assets/fonts/PlusJakartaSans-VariableFont_wght.ttf") format("truetype");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

:root {
  --hb-c-primary: #FAD728;
  --hb-c-primary-ink: #000000;
  --hb-c-ink: #000000;
  --hb-c-bg: #FFFFFF;
  --hb-c-surface: #FFFFFF;
  --hb-c-surface-2: #F7F5F0;
  --hb-c-surface-3: #F0EDE5;
  --hb-c-ink-1: rgba(0, 0, 0, 0.92);
  --hb-c-ink-2: rgba(0, 0, 0, 0.72);
  --hb-c-ink-3: rgba(0, 0, 0, 0.60);
  --hb-c-ink-4: rgba(0, 0, 0, 0.40);
  --hb-c-line: rgba(0, 0, 0, 0.12);
  --hb-c-line-2: rgba(0, 0, 0, 0.06);
  --hb-c-primary-24: #FFF6B8;
  --hb-c-primary-40: #FCEB77;
  --hb-c-primary-60: #FBE14A;
  --hb-c-primary-100: #E8C600;
  --hb-c-success: #1FA264;
  --hb-c-success-bg: #E6F6EE;
  --hb-c-error: #D92D20;
  --hb-c-error-bg: #FEE4E2;
  --hb-c-warning: #B95000;
  --hb-c-warning-bg: #FFF1E0;
  --hb-c-info: #0A5FD0;
  --hb-c-info-bg: #E0EDFF;
  --hb-c-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.04);
  --hb-c-shadow-2: 0 4px 12px rgba(0, 0, 0, 0.06);
  --hb-sp-1: 4px;
  --hb-sp-2: 8px;
  --hb-sp-3: 12px;
  --hb-sp-4: 16px;
  --hb-sp-5: 20px;
  --hb-sp-6: 24px;
  --hb-sp-8: 32px;
  --hb-sp-10: 40px;
  --hb-sp-12: 48px;
  --hb-r-xs: 8px;
  --hb-r-sm: 12px;
  --hb-r-md: 16px;
  --hb-r-lg: 20px;
  --hb-r-pill: 999px;
  --hb-f-sans: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --hb-fs-h1: 42px;
  --hb-fs-h2: 30px;
  --hb-fs-h3: 22px;
  --hb-fs-h4: 18px;
  --hb-fs-body: 15px;
  --hb-fs-body-sm: 13px;
  --hb-fs-meta: 12px;
  --hb-fs-kicker: 11px;
  --hb-fw-regular: 400;
  --hb-fw-medium: 500;
  --hb-fw-semibold: 600;
  --hb-fw-bold: 700;
  --hb-fw-black: 800;
  --hb-ls-tight: -0.035em;
  --hb-ls-title: -0.02em;
  --hb-ls-kicker: 0.14em;
  --hb-lh-title: 1.15;
  --hb-lh-snug: 1.3;
  --hb-lh-body: 1.5;
  --hb-dur-fast: 120ms;
  --hb-dur-base: 200ms;
  --hb-ease: cubic-bezier(0.4, 0, 0.2, 1);
}

[data-theme="dark"] {
  --hb-c-bg: #0B0B0D;
  --hb-c-surface: #141418;
  --hb-c-surface-2: #1C1C22;
  --hb-c-surface-3: #24242C;
  --hb-c-ink: #F5F5F0;
  --hb-c-ink-1: rgba(245, 245, 240, 0.92);
  --hb-c-ink-2: rgba(245, 245, 240, 0.72);
  --hb-c-ink-3: rgba(245, 245, 240, 0.56);
  --hb-c-ink-4: rgba(245, 245, 240, 0.36);
  --hb-c-line: rgba(255, 255, 255, 0.10);
  --hb-c-line-2: rgba(255, 255, 255, 0.05);
  --hb-c-success: #4ADE80;
  --hb-c-error: #F87171;
  --hb-c-warning: #FBBF24;
  --hb-c-info: #60A5FA;
}