@font-face {
  font-display: swap;
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 200;
  src: url('/assets/fonts/cairo-v28-latin-200.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 300;
  src: url('/assets/fonts/cairo-v28-latin-300.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/fonts/cairo-v28-latin-regular.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 600;
  src: url('/assets/fonts/cairo-v28-latin-600.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 700;
  src: url('/assets/fonts/cairo-v28-latin-700.woff2') format('woff2');
}

:root {
  --c-primary: 174, 207, 113;
  --c-secondary: 118, 249, 19;
  --c-tertiary: 118, 249, 19;
	--c-light: 245, 245, 245;
	--c-dark: 0, 0, 0;
	--c-text: 22, 22, 22;
	--c-background: 255, 255, 255;
	--bs-body-font-family: 'Cairo' !important;
}
[data-bs-theme=dark] {
	--c-text: 245, 245, 245;
	--c-background: 22, 22, 22;
}


.btn {
  filter: brightness(.9);
}