@font-face {
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/public-sans/public-sans-latin-400-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/public-sans/public-sans-latin-500-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/public-sans/public-sans-latin-600-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/public-sans/public-sans-latin-700-normal.woff2') format('woff2');
}

:root {
  --emt-primary: #16a34a;
  --emt-on-primary: #ffffff;
  --emt-primary-hover: #15803d;
  --emt-primary-active: #166534;
  --emt-primary-soft: #eaf8ef;
  --emt-primary-active-soft: #d9f3e2;
  --emt-primary-border: #86d7a3;
  --emt-canvas: #fafafb;
  --emt-surface: #ffffff;
  --emt-divider: #e6ebf1;
  --emt-text: #262626;
  --emt-text-secondary: #5f6b7a;
  --emt-danger: #d32f2f;
  --emt-danger-hover: #b42318;
  --emt-danger-active: #912018;
  --emt-warning: #b54708;
  --emt-info: #1677ff;
  --emt-radius-control: 7px;
  --emt-radius-card: 8px;
  --emt-shadow-overlay: 0 6px 8px rgb(15 23 42 / 12%);
  --emt-space-1: 4px;
  --emt-space-2: 8px;
  --emt-space-3: 12px;
  --emt-space-4: 16px;
  --emt-space-5: 20px;
  --emt-space-6: 24px;
  --emt-space-8: 32px;
  --emt-motion-fast: 160ms cubic-bezier(.22, 1, .36, 1);
  --emt-z-dropdown: 30;
  --emt-z-sticky: 40;
  --emt-z-backdrop: 50;
  --emt-z-modal: 60;
  --emt-z-toast: 70;
  --emt-z-tooltip: 80;
  --emt-font-sans: 'Public Sans', 'Segoe UI', Arial, sans-serif;
  --emt-font-size-xs: 12px;
  --emt-font-size-sm: 14px;
  --emt-font-size-base: 16px;
  --emt-font-size-lg: 20px;
  --emt-font-size-xl: 24px;
  --emt-font-size-2xl: 30px;
  --emt-line-height-tight: 1.3;
  --emt-line-height-base: 1.57;
}

@media (prefers-reduced-motion: reduce) {
  [class^='emt-'],
  [class*=' emt-'],
  [class^='emt-']::before,
  [class^='emt-']::after,
  [class*=' emt-']::before,
  [class*=' emt-']::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}