/* DiCRA colour scheme — earthy "data-catalogue" palette.
   The template's style.css sets these vars on `* { ... }` (specificity 0,0,0).
   We use `:root, html *` (0,0,1) so our values win on every element regardless
   of stylesheet load order. */
:root,
html * {
  /* terracotta accent (data-catalogue --accent) */
  --primary-color: #c2410c;
  --primary-color-rgb: 194, 65, 12;

  /* dark surfaces: near-black ink (data-catalogue --ink) */
  --bg-dark-1: #14181a;
  --bg-dark-2: #0e1113;
  --bg-dark-3: #1e1e1e;
  --bg-dark-1-rgb: 20, 24, 26;
}

/* Solid .btn-main buttons use --primary-color (terracotta) as their background,
   which is dark — force white label text for contrast. (Transparent / outline
   buttons that sit on dark sections already inherit light text.) */
html .btn-main,
html .btn-main span {
  color: #ffffff !important;
}

/* Make the accent eyebrow labels (.subtitle.id-color) use the terracotta accent
   — the template's `.subtitle` rule otherwise overrides `.id-color`. */
.subtitle.id-color {
  color: var(--primary-color);
}