/* beatvest design tokens
 * GENERATED FROM DESIGN.md — DO NOT EDIT.
 * Change the token in DESIGN.md, then run: npm run build
 */

:root {
  /* --- color ------------------------------------------------ */
  --bv-color-primary: #059669;
  --bv-color-primary-deep: #047857;
  --bv-color-primary-bg: #e6f3ee;
  --bv-color-primary-border: #a8d8c6;
  --bv-color-on-primary: #ffffff;
  --bv-color-blue: #2a4b8d;
  --bv-color-blue-bg: #e7ebf3;
  --bv-color-gold: #8a5a12;
  --bv-color-gold-bg: #f6eee0;
  --bv-color-gold-border: #dfc79b;
  --bv-color-violet: #5b3e86;
  --bv-color-violet-bg: #efeaf6;
  --bv-color-ghost: #dededc;
  --bv-color-bg: #ffffff;
  --bv-color-surface: #ffffff;
  --bv-color-surface-sunk: #f5f4f2;
  --bv-color-ink: #0f0f0e;
  --bv-color-muted: #8a8886;
  --bv-color-reading: #666462;
  --bv-color-faint: #a6a4a2;
  --bv-color-line: #d5d5d3;
  --bv-color-line-soft: #e1e1df;
  --bv-color-on-panel: #ffffff;
  --bv-color-panel-forest-from: #47755f;
  --bv-color-panel-forest-to: #1f3f32;
  --bv-color-panel-petrol-from: #4a7b82;
  --bv-color-panel-petrol-to: #17343a;
  --bv-color-panel-clay-from: #92594a;
  --bv-color-panel-clay-to: #6b3e32;
  --bv-color-panel-dusk-from: #55627f;
  --bv-color-panel-dusk-to: #333e5a;
  --bv-color-tint-sand-from: #f2eee7;
  --bv-color-tint-sand-to: #e0d8cb;
  --bv-color-tint-sage-from: #eaefec;
  --bv-color-tint-sage-to: #d2ded8;
  --bv-color-tint-stone-from: #eeeeec;
  --bv-color-tint-stone-to: #dad9d5;
  --bv-color-tint-dusk-from: #eceef2;
  --bv-color-tint-dusk-to: #d6dae2;
  --bv-color-tint-amber-from: #f8f2e6;
  --bv-color-tint-amber-to: #e8d1a8;
  --bv-color-tint-sky-from: #f0f4fc;
  --bv-color-tint-sky-to: #dde7f7;
  --bv-color-avatar-a: #a8917a;
  --bv-color-avatar-b: #7d94a6;
  --bv-color-avatar-c: #8ba07f;

  /* --- gradients (composed from the stop pairs above) -------- */
  --bv-gradient-panel-forest: linear-gradient(130deg, var(--bv-color-panel-forest-from) 0%, var(--bv-color-panel-forest-to) 100%);
  --bv-gradient-panel-petrol: linear-gradient(130deg, var(--bv-color-panel-petrol-from) 0%, var(--bv-color-panel-petrol-to) 100%);
  --bv-gradient-panel-clay: linear-gradient(130deg, var(--bv-color-panel-clay-from) 0%, var(--bv-color-panel-clay-to) 100%);
  --bv-gradient-panel-dusk: linear-gradient(130deg, var(--bv-color-panel-dusk-from) 0%, var(--bv-color-panel-dusk-to) 100%);
  --bv-gradient-tint-sand: linear-gradient(152deg, var(--bv-color-tint-sand-from) 0%, var(--bv-color-tint-sand-to) 100%);
  --bv-gradient-tint-sage: linear-gradient(152deg, var(--bv-color-tint-sage-from) 0%, var(--bv-color-tint-sage-to) 100%);
  --bv-gradient-tint-stone: linear-gradient(152deg, var(--bv-color-tint-stone-from) 0%, var(--bv-color-tint-stone-to) 100%);
  --bv-gradient-tint-dusk: linear-gradient(152deg, var(--bv-color-tint-dusk-from) 0%, var(--bv-color-tint-dusk-to) 100%);
  --bv-gradient-tint-amber: linear-gradient(152deg, var(--bv-color-tint-amber-from) 0%, var(--bv-color-tint-amber-to) 100%);
  --bv-gradient-tint-sky: linear-gradient(152deg, var(--bv-color-tint-sky-from) 0%, var(--bv-color-tint-sky-to) 100%);

  /* --- typography -------------------------------------------- */
  --bv-font-sans: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --bv-text-display-size: 48px;
  --bv-text-display-leading: 53px;
  --bv-text-display-tracking: -0.028em;
  --bv-text-display-weight: 300;
  --bv-text-display-sm-size: 30px;
  --bv-text-display-sm-leading: 34px;
  --bv-text-display-sm-tracking: -0.026em;
  --bv-text-display-sm-weight: 300;
  --bv-text-headline-size: 34px;
  --bv-text-headline-leading: 39px;
  --bv-text-headline-tracking: -0.025em;
  --bv-text-headline-weight: 400;
  --bv-text-headline-sm-size: 23px;
  --bv-text-headline-sm-leading: 27px;
  --bv-text-headline-sm-tracking: -0.022em;
  --bv-text-headline-sm-weight: 400;
  --bv-text-title-size: 20px;
  --bv-text-title-leading: 26px;
  --bv-text-title-tracking: -0.018em;
  --bv-text-title-weight: 500;
  --bv-text-subtitle-size: 15px;
  --bv-text-subtitle-leading: 20px;
  --bv-text-subtitle-tracking: -0.012em;
  --bv-text-subtitle-weight: 500;
  --bv-text-lead-size: 15px;
  --bv-text-lead-leading: 25px;
  --bv-text-lead-tracking: 0em;
  --bv-text-lead-weight: 400;
  --bv-text-body-size: 13px;
  --bv-text-body-leading: 20px;
  --bv-text-body-tracking: 0em;
  --bv-text-body-weight: 400;
  --bv-text-small-size: 12px;
  --bv-text-small-leading: 18px;
  --bv-text-small-tracking: 0em;
  --bv-text-small-weight: 400;
  --bv-text-label-size: 11px;
  --bv-text-label-leading: 15px;
  --bv-text-label-tracking: 0.09em;
  --bv-text-label-weight: 500;
  --bv-text-mock-size: 11.5px;
  --bv-text-mock-leading: 16px;
  --bv-text-mock-tracking: -0.01em;
  --bv-text-mock-weight: 500;
  --bv-text-mock-sub-size: 10.5px;
  --bv-text-mock-sub-leading: 15px;
  --bv-text-mock-sub-tracking: 0em;
  --bv-text-mock-sub-weight: 400;
  --bv-text-micro-size: 9px;
  --bv-text-micro-leading: 13px;
  --bv-text-micro-tracking: 0.09em;
  --bv-text-micro-weight: 600;
  --bv-text-stat-size: 40px;
  --bv-text-stat-leading: 44px;
  --bv-text-stat-tracking: -0.03em;
  --bv-text-stat-weight: 300;

  /* --- radius ------------------------------------------------ */
  --bv-radius-xs: 3px;
  --bv-radius-sm: 9px;
  --bv-radius-md: 11px;
  --bv-radius-lg: 14px;
  --bv-radius-xl: 18px;
  --bv-radius-2xl: 22px;
  --bv-radius-3xl: 44px;
  --bv-radius-full: 100px;

  /* --- spacing ----------------------------------------------- */
  --bv-space-3xs: 4px;
  --bv-space-2xs: 6px;
  --bv-space-xs: 9px;
  --bv-space-sm: 12px;
  --bv-space-md: 16px;
  --bv-space-lg: 22px;
  --bv-space-xl: 30px;
  --bv-space-2xl: 40px;
  --bv-space-3xl: 56px;
  --bv-space-4xl: 72px;

  /* --- component geometry ------------------------------------ */
  --bv-nav-height: 60px;
  --bv-slide-width: 1060px;
  --bv-slide-wide-width: 1300px;
  --bv-card-padding: 20px 22px;
  --bv-card-sunk-padding: 12px 16px;
  --bv-glass-padding: 15px 17px;
  --bv-chip-padding: 7px 12px;
  --bv-badge-padding: 5px 13px;
  --bv-pill-green-padding: 3px 9px;
  --bv-pill-blue-padding: 3px 9px;
  --bv-pill-gold-padding: 3px 9px;
  --bv-pill-violet-padding: 3px 9px;
  --bv-ghost-block-height: 8px;
  --bv-phone-width: 340px;
  --bv-window-padding: 14px;
  --bv-frame-padding: 24px;
  --bv-progress-fill-height: 5px;
  --bv-button-padding: 9px 18px;
  --bv-rule-height: 1px;
  --bv-rule-soft-height: 1px;
  --bv-panel-forest-padding: 30px;
  --bv-panel-petrol-padding: 30px;
  --bv-panel-clay-padding: 30px;
  --bv-panel-dusk-padding: 30px;
  --bv-avatar-a-size: 17px;
  --bv-avatar-b-size: 17px;
  --bv-avatar-c-size: 17px;
  --bv-mode-padding: 20px 22px 21px;
  --bv-mode-viz-height: 132px;
  --bv-mock-padding: 11px 13px;
  --bv-feature-height: 210px;
  --bv-next-padding: 18px 22px;
  --bv-measure-width: 640px;
  --bv-gold-strong-height: 1px;
  --bv-primary-strong-height: 1px;
}