/* ═══════════════════════════════════════════════════════════════════════════
   NT Study Guide — Minimalist Academic Theme
   Palette: Parchment off-white · Charcoal text · Soft gold accents
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Google Fonts (loaded in HTML) ───────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Lato:wght@300;400;700&display=swap');

/* ── CSS Custom Properties ───────────────────────────────────────────────── */
:root {
  /* Palette */
  --color-parchment:    #F8F4EC;
  --color-parchment-dk: #F0EAD6;
  --color-parchment-md: #EDE5CE;
  --color-paper:        #FDFAF4;
  --color-charcoal:     #2C2C2C;
  --color-charcoal-md:  #4A4A4A;
  --color-charcoal-lt:  #6B6B6B;
  --color-gold:         #B8960C;
  --color-gold-lt:      #D4AF37;
  --color-gold-bg:      #FFF8DC;
  --color-gold-hl:      #FFF176;
  --color-ink:          #1A1A2E;
  --color-muted:        #8A8070;
  --color-border:       #DDD5C0;
  --color-border-lt:    #EDE7D9;
  --color-white:        #FFFFFF;
  --color-error:        #C0392B;
  --color-success:      #27AE60;

  /* Highlight colors */
  --hl-yellow:  #FFF176;
  --hl-green:   #C8E6C9;
  --hl-blue:    #BBDEFB;
  --hl-pink:    #F8BBD9;
  --hl-orange:  #FFE0B2;

  /* Typography */
  --font-serif:  'EB Garamond', 'Garamond', 'Georgia', serif;
  --font-sans:   'Lato', 'Helvetica Neue', Arial, sans-serif;

  /* Sizing */
  --sidebar-w:   280px;
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --shadow-sm:   0 1px 3px rgba(0,0,0,0.08);
  --shadow-md:   0 4px 12px rgba(0,0,0,0.10);
  --shadow-lg:   0 8px 24px rgba(0,0,0,0.12);
  --transition:  all 0.2s ease;
}

/* ── Reset & Base ─────────────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html {
  font-size: 17px;
  scroll-behavior: smooth;
}