@font-face {
  font-family: "TeX Gyre Pagella";
  src: url("../fonts/texgyrepagella-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TeX Gyre Pagella";
  src: url("../fonts/texgyrepagella-italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "TeX Gyre Pagella";
  src: url("../fonts/texgyrepagella-bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TeX Gyre Pagella";
  src: url("../fonts/texgyrepagella-bolditalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

:root {
  /* grounds, darkest to lightest */
  --midnight:       #090511;   /* footer, deepest ground */
  --ink-black:      #0C0716;   /* main near-black ground */
  --ink-raised:     #130B22;   /* raised band */
  --iris-band:      #1C102F;   /* deep iris band */
  --iris-veil:      #251540;   /* card surface */
  --iris-edge:      #392460;   /* card border, hover edge */

  /* iris glows */
  --iris-glow:      #6B3FA0;
  --iris-bright:    #9B6BD4;
  --iris-pale:      #C9AFEF;

  /* text */
  --lavender:       #DCCFF2;   /* body */
  --lavender-dim:   #B0A0CE;   /* muted */

  /* golds, keyed to the logo gold #BC8A3B */
  --gold:           #BC8A3B;
  --gold-bright:    #D6A452;
  --gold-pale:      #EDD9A6;
  --gold-ink:       #170C24;   /* text on gold */

  --hairline:       rgba(188, 138, 59, 0.30);
  --hairline-soft:  rgba(188, 138, 59, 0.16);

  --serif: "TeX Gyre Pagella", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;
  --sans: "Avenir Next", Avenir, "Segoe UI", "Helvetica Neue", Arial, sans-serif;

  --measure: 62ch;
  --wrap: 74rem;
  --band-pad: clamp(4.5rem, 10vw, 7.5rem);
}