@import "tailwindcss";

:root {
  --background: #ffffff;
  --foreground: #171717;
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --font-sans: var(--font-ibm-plex-sans);
  --color-byu-navy: oklch(0.3032 0.096071 253.855);
  --color-byu-royal: oklch(0.4421 0.1915 261.04);
  --color-byu-darkGrey: oklch(0.1913 0 0);
  --color-byu-mediumGrey: oklch(0.5103 0 0);
  --color-byu-teal: oklch(0.4512 0.0808 217.48);
  --color-byu-darkGreen: oklch(0.4355 0.095154 162.247);
  --color-byu-lightGreen: oklch(0.6283 0.1338 162.48);
  --color-byu-brown: oklch(0.4536 0.126 46.73);
  --color-byu-yellow: oklch(0.8253 0.1709 80.01);
  --color-byu-darkRed: oklch(0.4556 0.1788 19.77);
  --color-byu-lightRed: oklch(0.5919 0.2288 18.81);
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: Arial, Helvetica, sans-serif;
}