/* tokens.css — design tokens only, no external imports */
/* Fonts loaded via assets/css/fonts.css (self-hosted woff2) */

:root {
  /* Palette */
  --ivory:      #F5F0E8;
  --ivory-d:    #EDE5D4;
  --parchment:  #D9C9A8;
  --gold:       #B8963E;
  --gold-l:     #D4AF62;
  --gold-d:     #8A6E2A;
  --maroon:     #4A1628;
  --maroon-l:   #6B243C;
  --ink:        #1A1410;
  --ink-m:      #3D2B1F;
  --muted:      #7A6A58;

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

  /* Spacing scale */
  --sp-xs:  0.5rem;
  --sp-sm:  1rem;
  --sp-md:  2rem;
  --sp-lg:  4rem;
  --sp-xl:  7rem;

  /* Section padding */
  --section-pad: 6rem 4rem;
  --section-pad-sm: 4rem 1.5rem;
}

@media (max-width: 900px) {
  :root {
    --section-pad: var(--section-pad-sm);
  }
}