/* color palette */
:root {
  --clr-sebin-red: oklch(57.67% 0.161 32.69);
  --clr-sebin-yellow: oklch(78.43% 0.126 68.88);
  --clr-sebin-blue-dark: oklch(49.29% 0.08 265.23);
  --clr-sebin-blue-light: oklch(61.56% 0.098 263.47);
  --clr-sebin-green: oklch(71.11% 0.229 141.29);
  --clr-sebin-black: oklch(35.57% 0.01 17.62);
  --clr-sebin-brown: oklch(45.81% 0.083 32.71);

  --clr-page-black: oklch(21.78% 0 0);
  --clr-page-black-clear: oklch(21.78% 0 0 / 50%);
  --clr-page-black-light: oklch(32.11% 0 0);
  --clr-page-black-light-clear: oklch(32.11% 0 0 / 75%);
}

/* semantic color variables for this project */
:root {
  --page-heading-font: 'Righteous', sans-serif;
  --page-copy-font: 'Work Sans', sans-serif;
  --page-transition: opacity 0.5s ease, transform 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  --page-transform: translateY(5em);
  --page-padding: clamp(1em, 2vw, 1.5em);
}