/* theme.css: the one place the site's heading colour, heading font and body colour are set.

   Every page links this file, and every heading and body rule in a page reads these three
   values rather than carrying its own copy. To change how headings or body text look,
   edit a value here and deploy. Nothing else needs touching: no page, no generator.

   One gold. #F5A623 is the site's gold, used for headings, links and buttons alike, so gold
   means one thing. Links inside running text carry an underline, so that clickability is
   told by the underline and not by the colour alone, and a gold heading is never mistaken
   for a link. Buttons have their own shape and need no underline.

   Not here: captions and muted text (--text-muted), card and button treatment, sizes, spacing. */

:root {
  --heading-color: #F5A623;                    /* page headings, section headings, card titles, pop-up titles */
  --heading-font:  'Cormorant Garamond', serif; /* the serif face the headings already used */
  --body-color:    rgba(245, 235, 221, 0.78);  /* cream #F5EBDD at 78% */
}

/* a link inside running text is underlined; a link with a class is a button, a tab or a card, and is left alone */
:where(p, li, .summary, .contact, .t-body) a:not([class]) {
  text-decoration: underline;
  text-underline-offset: 0.18em;
}