/* ============================================
   ANCIENT LANGUAGES — DESIGN TOKENS
   Reference: /proofs/ for all design decisions
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&family=Inter:wght@400;500&display=swap');

:root {
  /* Colours */
  --blue:        #1B3A6B;
  --blue-dark:   #142D54;
  --blue-light:  #E6F1FB;
  --gold:        #C9A84C;
  --surface:     #F7F6F3;
  --border:      #E5E7EB;
  --text:        #1A1A1A;
  --text-mid:    #3D3D3D;
  --text-muted:  #6B7280;
  --white:       #ffffff;
  --footer-bg:   #111827;

  /* Typography */
  --font-serif:  'Cormorant Garamond', Georgia, serif;
  --font-sans:   'Inter', system-ui, sans-serif;

  /* Spacing */
  --section-pad: 5rem 0;
  --container:   1160px;
  --narrow:      720px;

  /* Borders */
  --radius:      4px;
}

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html { scroll-behavior: smooth; }

body {
  font-family: var(--font-sans);
  color: var(--text);
  background: var(--white);
  line-height: 1.6;
}

.container {
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 2rem;
}

.container-narrow {
  max-width: var(--narrow);
  margin: 0 auto;
  padding: 0 2rem;
}

img { max-width: 100%; height: auto; display: block; }
a { color: var(--blue); }