/* ─── Design tokens — "museum catalog on toned paper" ────────────────────────
   Colors are NEVER hardcoded here: the 8 base colors come from the Customizer
   (printed on :root by wps_inline_styles(), which wins over this fallback),
   everything else is a color-mix() derivation or a plain alias of them.
   ────────────────────────────────────────────────────────────────────────── */
:root {
  --primary-color: #a2482e;
  --secondary-color: #2b2b2b;
  --text-color: #2b2b2b;
  --text-muted: #6b6862;
  --bg-light: #ded5c3;
  --bg-color: #e9e2d3;
  --surface-color: #fbf8f1;
  --border-color: #d6cdbb;
  --positive-color: #3f5b3a;
  --negative-color: #9b2c1f;

  /* Pure neutral for contrast text — not a theme color */
  --white: #fff;

  /* Design vocabulary (aliases / derivations of the base colors) */
  --paper: var(--bg-color);
  --paper-deep: var(--bg-light);
  --paper-shade: var(--border-color);
  --graphite: var(--text-color);
  --sang: var(--primary-color);
  --sang-d: color-mix(in srgb, var(--primary-color) 80%, black);
  --grey: var(--text-muted);
  --ink2: color-mix(in srgb, var(--text-muted) 78%, var(--text-color));
  --chalk: var(--surface-color);
  --err: var(--negative-color);
  --ok: var(--positive-color);
  --rule: color-mix(in srgb, var(--text-color) 16%, transparent);
  --rule-2: color-mix(in srgb, var(--text-color) 32%, transparent);

  /* Fonts — printed from the Customizer in wps_inline_styles() */
  --serif: "Cormorant Garamond", Garamond, "Times New Roman", serif;
  --sans: "Karla", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;

  --gut: clamp(16px, 3vw, 32px);
  --max: 1240px;
  --r: 2px;
  --sh: 0 1px 0 color-mix(in srgb, var(--text-color) 8%, transparent);
  --sh-h: 0 10px 24px color-mix(in srgb, var(--text-color) 10%, transparent);
  --ease: cubic-bezier(.22, .61, .36, 1);
  --ease-r: cubic-bezier(.2, .7, .2, 1);
  color-scheme: light;
}