/* Google Fonts are now loaded via <link> in app/layout.tsx */

/* ── Microsoft Core Web Fonts (bundled in public/fonts/mscore/) ── */
@font-face {
  font-family: 'Arial';
  src: url('/fonts/mscore/Arial.ttf');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Arial';
  src: url('/fonts/mscore/Arial_Bold.ttf');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Arial';
  src: url('/fonts/mscore/Arial_Italic.ttf');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Arial';
  src: url('/fonts/mscore/Arial_Bold_Italic.ttf');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'Arial Black';
  src: url('/fonts/mscore/Arial_Black.ttf');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Comic Sans MS';
  src: url('/fonts/mscore/Comic_Sans_MS.ttf');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Comic Sans MS';
  src: url('/fonts/mscore/Comic_Sans_MS_Bold.ttf');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Courier New';
  src: url('/fonts/mscore/Courier_New.ttf');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Courier New';
  src: url('/fonts/mscore/Courier_New_Bold.ttf');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Courier New';
  src: url('/fonts/mscore/Courier_New_Italic.ttf');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Courier New';
  src: url('/fonts/mscore/Courier_New_Bold_Italic.ttf');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'Georgia';
  src: url('/fonts/mscore/Georgia.ttf');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Georgia';
  src: url('/fonts/mscore/Georgia_Bold.ttf');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Georgia';
  src: url('/fonts/mscore/Georgia_Italic.ttf');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Georgia';
  src: url('/fonts/mscore/Georgia_Bold_Italic.ttf');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'Impact';
  src: url('/fonts/mscore/Impact.ttf');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Times New Roman';
  src: url('/fonts/mscore/Times_New_Roman.ttf');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Times New Roman';
  src: url('/fonts/mscore/Times_New_Roman_Bold.ttf');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Times New Roman';
  src: url('/fonts/mscore/Times_New_Roman_Italic.ttf');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Times New Roman';
  src: url('/fonts/mscore/Times_New_Roman_Bold_Italic.ttf');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'Trebuchet MS';
  src: url('/fonts/mscore/Trebuchet_MS.ttf');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Trebuchet MS';
  src: url('/fonts/mscore/Trebuchet_MS_Bold.ttf');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Trebuchet MS';
  src: url('/fonts/mscore/Trebuchet_MS_Italic.ttf');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Trebuchet MS';
  src: url('/fonts/mscore/Trebuchet_MS_Bold_Italic.ttf');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'Verdana';
  src: url('/fonts/mscore/Verdana.ttf');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Verdana';
  src: url('/fonts/mscore/Verdana_Bold.ttf');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Verdana';
  src: url('/fonts/mscore/Verdana_Italic.ttf');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Verdana';
  src: url('/fonts/mscore/Verdana_Bold_Italic.ttf');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'Webdings';
  src: url('/fonts/mscore/Webdings.ttf');
  font-weight: 400;
  font-style: normal;
}

@import "tailwindcss";

@theme {
  --font-oswald: 'Oswald', sans-serif;
  --font-didact: 'Didact Gothic', sans-serif;

  --color-background: #272727;
  --color-foreground: #999999;
  --color-primary: #b19777;
  --color-primary-rgb: 177, 151, 119;
  /* Gold */
  --color-secondary: #323232;
  --color-accent: #b19777;
  --color-white: #ffffff;
}

:root {
  --background: #272727;
  --foreground: #999999;
}

body {
  background-color: var(--background);
  color: var(--foreground);
  font-family: var(--font-didact);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-oswald);
  color: var(--white);
}

.bg-checkerboard {
  background-image: conic-gradient(#333 90deg,
      #222 90deg 180deg,
      #333 180deg 270deg,
      #222 270deg);
  background-size: 20px 20px;
}