/*
 * GENERATED FILE. Do not edit by hand.
 * Source: brand/source (Empathy Finance Brand v1.1, files copied unchanged; see brand/source/SOURCE.md).
 * Regenerate: pnpm --filter @ef/tokens tokens:generate
 */

/* Brand variable names from Color-Tokens.css, Type-Tokens.css and UI-Tokens.css; --ef-type-* are additions. */
:root {
  color-scheme: light;
  --ef-brand-primary: #694478;
  --ef-brand-secondary: #ddcfe8;
  --ef-brand-accent: #e7b48a;
  --ef-surface-canvas: #f7f2f8;
  --ef-text-primary: #302236;
  --ef-surface-card: #ffffff;
  --ef-text-secondary: #625169;
  --ef-border-control: #80658e;
  --ef-action-hover: #583763;
  --ef-action-pressed: #482c52;
  --ef-status-success: #356859;
  --ef-status-success_bg: #eaf3ec;
  --ef-status-warning: #875617;
  --ef-status-warning_bg: #fff1d9;
  --ef-status-error: #9b4149;
  --ef-status-error_bg: #fbecef;
  --ef-chart-mauve: #a77bb9;
  --ef-chart-ochre: #a8733b;
  --ef-chart-teal: #3f7569;
  --ef-font-heading: 'EF Bricolage', sans-serif;
  --ef-font-body: 'EF DM Sans', sans-serif;
  --ef-font-number: 'EF Bricolage', sans-serif;
  --ef-reading-width: 65ch;
  --ef-vl-grid: 0.25rem;
  --ef-vl-space-1: 0.25rem;
  --ef-vl-space-2: 0.5rem;
  --ef-vl-space-3: 0.75rem;
  --ef-vl-space-4: 1rem;
  --ef-vl-space-6: 1.5rem;
  --ef-vl-space-7: 1.75rem;
  --ef-vl-space-8: 2rem;
  --ef-vl-space-12: 3rem;
  --ef-vl-card-radius: 1.5rem;
  --ef-vl-control-radius: 1rem;
  --ef-vl-card-padding: 1.75rem;
  --ef-vl-page-gutter: 1.25rem;
  --ef-vl-target-min: max(44px, 2.75rem);
  --ef-vl-control-min-height: max(48px, 3rem);
  --ef-vl-icon-size: 1.5rem;
  --ef-vl-shadow-card: 0 0.5rem 1.5rem rgb(48 34 54 / 8%);
  --ef-vl-motion-fast: 120ms;
  --ef-vl-motion-standard: 180ms;
  --ef-vl-motion-easing: cubic-bezier(0.2, 0, 0, 1);
  --ef-type-hero-size: 2.25rem;
  --ef-type-hero-line-height: 1.2222222222222223;
  --ef-type-hero-weight: 550;
  --ef-type-page-size: 1.75rem;
  --ef-type-page-line-height: 1.2857142857142858;
  --ef-type-page-weight: 550;
  --ef-type-section-size: 1.5rem;
  --ef-type-section-line-height: 1.3333333333333333;
  --ef-type-section-weight: 550;
  --ef-type-card-size: 1.25rem;
  --ef-type-card-line-height: 1.4;
  --ef-type-card-weight: 550;
  --ef-type-body-size: 1.125rem;
  --ef-type-body-line-height: 1.5555555555555556;
  --ef-type-body-weight: 400;
  --ef-type-label-size: 1rem;
  --ef-type-label-line-height: 1.5;
  --ef-type-label-weight: 500;
  --ef-type-button-size: 1rem;
  --ef-type-button-line-height: 1.5;
  --ef-type-button-weight: 600;
  --ef-type-caption-size: 0.875rem;
  --ef-type-caption-line-height: 1.4285714285714286;
  --ef-type-caption-weight: 400;
  --ef-type-kpi-size: 2.25rem;
  --ef-type-kpi-line-height: 1.2222222222222223;
  --ef-type-kpi-weight: 600;
  --ef-type-secondary-amount-size: 1.75rem;
  --ef-type-secondary-amount-line-height: 1.2857142857142858;
  --ef-type-secondary-amount-weight: 600;
  --ef-type-row-amount-size: 1.125rem;
  --ef-type-row-amount-line-height: 1.4444444444444444;
  --ef-type-row-amount-weight: 500;
  --ef-type-long-amount-size: 1.75rem;
  --ef-type-long-amount-line-height: 1.2857142857142858;
  --ef-type-long-amount-weight: 600;
}

@media (width < 24rem) {
  :root {
    --ef-vl-card-padding: 1rem;
    --ef-vl-page-gutter: 1rem;
  }
}

@media (min-width: 64rem) {
  :root {
    --ef-vl-page-gutter: 2rem;
    --ef-type-hero-size: 3rem;
    --ef-type-hero-line-height: 1.1666666666666667;
    --ef-type-page-size: 2.25rem;
    --ef-type-page-line-height: 1.2222222222222223;
    --ef-type-section-size: 1.75rem;
    --ef-type-section-line-height: 1.2857142857142858;
    --ef-type-kpi-size: 2.5rem;
    --ef-type-kpi-line-height: 1.2;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --ef-vl-motion-fast: 0ms;
    --ef-vl-motion-standard: 0ms;
  }
}

/* Dark palette PREVIEW (opt-in from Settings; light stays the default). See brand/DARK-PALETTE.md. */
[data-ef-theme='dark'] {
  color-scheme: dark;
  --ef-brand-primary: #c199d2;
  --ef-brand-secondary: #482c52;
  --ef-brand-accent: #73471f;
  --ef-surface-canvas: #1b121f;
  --ef-text-primary: #f7f2f8;
  --ef-surface-card: #302236;
  --ef-text-secondary: #b0a2ba;
  --ef-border-control: #987da7;
  --ef-action-hover: #d2acdf;
  --ef-action-pressed: #e0beec;
  --ef-status-success: #6ea291;
  --ef-status-success_bg: #1d2d21;
  --ef-status-warning: #bf8b51;
  --ef-status-warning_bg: #352507;
  --ef-status-error: #d9797e;
  --ef-status-error_bg: #401a25;
  --ef-chart-mauve: #a77bb9;
  --ef-chart-ochre: #a8733b;
  --ef-chart-teal: #4a8174;
  --ef-vl-shadow-card: none;
}