@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("/fonts/PlusJakartaSans-Regular.ttf");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("/fonts/PlusJakartaSans-Bold.ttf");
  font-weight: 600;
  font-display: swap;
}

:root {
  --block-size: 1rem;
  --size-1: calc(var(--block-size) / 4);
  --size-2: calc(var(--block-size) / 2);
  --size-3: calc(var(--block-size) * 0.75);
  --size-4: calc(var(--block-size) * 1);
  --size-5: calc(var(--block-size) * 1.25);
  --size-6: calc(var(--block-size) * 1.5);
  --size-8: calc(var(--block-size) * 2);
  --size-16: calc(var(--block-size) * 4);
  --size-20: calc(var(--block-size) * 5);
  --size-24: calc(var(--block-size) * 6);
  --size-28: calc(var(--block-size) * 7);
  --size-32: calc(var(--block-size) * 8);

  --color-primary: #56B4D3;
  --color-primary-light: #aed5fc;
  --color-danger-soft: #ef4444;
  --color-success: #22c55e;
  --color-success-alert: #ECFDF5;
  --color-warning: #FBBF24;
  --color-warning-darker: #9F4F1C;
  --color-warning-text: #44350F;
  --color-info: #EFF6FF;
  --color-info-text: #1E3A8A;
  --color-danger: #FEE2E2;
  --color-danger-text: #991B1B;
  --color-danger-darker: #DC2626;
  --color-disabled: #dfdfdf;
  --color-disabled-text: #777777;
  --color-gray: #999999;
}

body {
  font-family: 'Plus Jakarta Sans', sans-serif;
}

button {
  cursor: pointer;
}