@import "tailwindcss";

@theme {
  --color-primary: #b22222;
  --color-darkgray: #2b292a;
  --color-lightgray: #e3dfdf;
}

* {
  font-family: "ConthraxSemiBold";
}

html,
body {
  @apply bg-white text-black w-full min-h-screen;
}

[primary] {
  @apply bg-primary text-white;
}

a {
  @apply cursor-pointer;
}

a[primary-link] {
  @apply text-xl;
}

a[primary-link].active {
  @apply underline;
}

a[primary-sublink] {
  @apply text-xl p-2;
}

a[primary-sublink].active {
  @apply bg-white text-primary;
}

[lightgray] {
  @apply bg-lightgray;
}

[darkgray] {
  @apply bg-darkgray text-white;
}

h1 {
  @apply text-2xl;
}

h2 {
  @apply text-xl;
}

h3 {
  @apply text-lg;
}