/* The site's only colours. Add nothing outside this list.
   Paper, the ink, the seal's red, and the Radix Bronze scale for everything between.
   Bronze is warm without yellowing and shares its hue family with the seal.
   Contrast (WCAG): ink 14:1, warm-600 11.7:1, warm-500 5.5:1 on paper;
   warm-500 4.7:1 and warm-600 9.9:1 on --tint. */
:root {
    color-scheme: light; /* the site has one look; ignore the system's dark mode */
    --paper: #fbf8f3;
    --warm-100: #f6edea;  /* bronze 3 */
    --warm-200: #efe4df;  /* bronze 4 */
    --warm-300: #dfcdc5;  /* bronze 6 */
    --warm-400: #c2a499;  /* bronze 8 */
    --warm-500: #7d5e54;  /* bronze 11 */
    --warm-600: #43302b;  /* bronze 12 */
    --ink: #292524;
    --ink-deep: #1c1917;
    --seal: #a3342c;      /* the red of her seal: the single accent */
    --seal-soft: #f3e7e5;
    --tint: var(--warm-200); /* second surface, one step below paper */
}

/* Type: serif for titles and inscriptions, sans for reading. Song-style strokes turn
   hairline-thin in small Chinese text on ordinary screens, so the sans carries the body.
   Never fall back to PMingLiU (新細明體). */
:root {
    --font-body: Georgia, 'Noto Sans TC', 'Microsoft JhengHei', 'PingFang TC', sans-serif;
    --font-title: Georgia, 'Noto Serif TC', 'Songti TC', serif;
}

html[lang^="zh"] {
    --font-body: 'Noto Sans TC', 'PingFang TC', 'Microsoft JhengHei', sans-serif;
    --font-title: 'Noto Serif TC', 'Songti TC', serif;
}

h1, h2, h3,
.logo,
.artwork-title,
.artwork-description,
.gallery-year,
.show-card h3 { font-family: var(--font-title); }

.gallery-item h3 { font-family: var(--font-body); }

html[lang^="zh"] .logo,
html[lang^="zh"] .artwork-description { font-weight: 500; }