:root{
  /* No decorative shadows — depth is canvas↔surface contrast and hairlines,
     plus the dark→light section story. */
  --shadow-none: none;
  --shadow-hairline: 0 0 0 1px var(--color-hairline);
  --shadow-hairline-strong: 0 0 0 1px var(--color-hairline-strong);

  /* Duotone / warm accent gradient — dark → primary → intermediate → secondary.
     For photo/portrait overlays and accent fills only (never under body text). */
  --gradient-duotone: linear-gradient(135deg, var(--color-canvas) 0%, var(--color-accent) 48%, var(--color-accent-mid) 76%, var(--color-accent-2) 100%);
  --gradient-duotone-radial: radial-gradient(120% 120% at 20% 20%, var(--color-accent-2) 0%, var(--color-accent-mid) 32%, var(--color-accent) 60%, var(--color-canvas) 100%);

  /* Ember radial — deep warm-red vignette for dark accent grounds / hero art. */
  --gradient-ember-radial: radial-gradient(120% 130% at 42% 30%, #ff5a2e 0%, #ef3f1c 26%, #c22711 52%, #7c1409 76%, #3a0a05 100%); /* @kind color */
}