@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/inter/inter-latin-400-normal.woff2) format('woff2'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(../fonts/inter/inter-latin-500-normal.woff2) format('woff2'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url(../fonts/inter/inter-latin-600-normal.woff2) format('woff2'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url(../fonts/inter/inter-latin-700-normal.woff2) format('woff2'); }

:root {
  --zl-green: #00A82D;
  --zl-green-line: #16A849;
  --zl-green-dark: #025F1D;
  --zl-green-hover: #1EC859;
  --zl-green-tint: #E2F6EB;
  --zl-green-tint-border: #DCFCE7;
  --zl-red: #E72D1F;
  --zl-red-hover: #E53935;

  --zl-title: #111827;
  --zl-black: #12151A;
  --zl-text: #1E2939;
  --zl-input-text: #222222;
  --zl-text-strong: #383942;
  --zl-text-button: #4A494A;
  --zl-grey-dark: #636976;
  --zl-text-subtle: #6A7282;

  --zl-white: #FFFFFF;
  --zl-grey-med: #EDF1F6;
  --zl-grey-lighter: #F2F2F2;
  --zl-grey-light: #E3E6EB;
  --zl-grey-medium: #BFC2C8;
  --zl-grey-hover-badge: #D1D7DE;
  --zl-disabled: #CDCDCF;
  --zl-border-card: #E5E7EB;
  --zl-border-row: #F3F4F6;
  --zl-panel-head: #F9FAFB;
  --zl-page-bg: #F1F4FE;
  --zl-page-gradient: linear-gradient(180deg, #FFFFFF 8.65%, #F1F4FE 100%);

  --zl-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    Helvetica, Arial, sans-serif;

  --zl-radius-xs: 4px;
  --zl-radius-sm: 8px;
  --zl-radius-md: 12px;
  --zl-radius-lg: 14px;
  --zl-radius-xl: 16px;
  --zl-radius-pill: 20px;

  --zl-shadow-reg: 0 1px 2px 0 rgba(0, 0, 0, 0.24);
  --zl-shadow-card: 2.716px 3.621px 39.2px 0 rgba(0, 0, 0, 0.12);
  --zl-shadow-tooltip: drop-shadow(2px 6px 10px rgba(60, 64, 67, 0.25));
}