/* 1. Import Tailwind (replaces @tailwind base/components/utilities) */
/* Fonts: Montserrat = Gotham substitute | Tinos = Times substitute (De Gruyter Brill CI) */
@import url('https://fonts.googleapis.com/css2?family=Tinos:ital,wght@0,400;0,700;1,400;1,700&family=Montserrat:wght@400;500;600;700&display=swap');
@import "tailwindcss";

/* 2. Define Custom Theme Variables — De Gruyter Brill CI */
@theme {
  /* COLORS — exact De Gruyter Brill brand palette */
  --color-brand-navy: #012851;      /* Prussian Blue */
  --color-brand-mint: #A1DCD8;      /* Aqua Island */
  --color-brand-purple: #B4B9FF;    /* Melrose */
  --color-brand-sand: #F0EFE9;      /* Neutral paper tone */
  --color-brand-white: #ffffff;
  --color-brand-dark: #0D0D0D;

  /* FONTS */
  --font-sans: "Montserrat", ui-sans-serif, system-ui, sans-serif;
  --font-serif: "Tinos", "Times New Roman", Georgia, serif;

  --text-huge: 4rem;
}

/* 3. Base Styles */
@layer base {
  html {
    overscroll-behavior: none;
  }

  body {
    background-color: #ffffff;
    color: var(--color-brand-navy);
    font-family: var(--font-serif);
  }

  h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-sans);
    font-weight: 600;
  }
}