@font-face {
  font-display: swap;
  font-family: "Swiss 721 BT";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Swiss\ 721\ BT\ V2.woff2") format("woff2");
}

:root {
  /* color */
  --primary-color: oklch(0.1998 0.0432 290.28);
  --secondary-color: oklch(0.6953 0.0901 189.71);
  --text: oklch(0.8954 0.1308 93.95);
  --button: oklch(0.7238 0.156 55.84);
  --white: oklch(1 0 0);

  /* spacing */
  --spacing-xs: 0.5rem;
  --spacing-sm: 0.75rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-xxl: 4rem;

  /* Typography */
  --font-small: 0.75rem;
  --font-base: 1rem;
  --font-button: 1.25rem;
  --font-big: 2rem;
  --h1-size: 2.5rem;
  --h2-size: 2rem;
  --h3-size: 1.5rem;
  --font-family: "Swiss 721 BT", sans-serif;

  /* border radius */
  --radius-sm: 0.5rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
}

html,
body {
  scroll-behavior: smooth;
}

body {
  color: var(--primary-color);
  font-size: var(--font-base);
}

h1 {
  font-size: var(--h1-size);
  margin-bottom: var(--spacing-md);
}

h2 {
  font-size: var(--h2-size);
  margin-bottom: var(--spacing-md);
}

h3 {
  font-size: var(--h3-size);
  margin-bottom: var(--spacing-sm);
}

p {
  font-size: 1rem;
  margin-bottom: var(--spacing-md);
}

label {
  font-size: 0.9rem;
  font-weight: 600;
}