:root{
  /* Hard, unblurred "comic panel" shadows: always black, always offset, never soft */
  --shadow-comic-sm:2px 2px 0px var(--color-black);
  --shadow-comic-md:6px 6px 0px var(--color-black);
  --shadow-comic-lg:8px 8px 0px var(--color-black);

  /* Thick offset text-shadow used on hero headlines instead of a drop shadow */
  --text-shadow-comic-sm:2px 2px 0px var(--color-black);
  --text-shadow-comic-md:4px 4px 0px var(--color-black);
  --text-shadow-comic-lg:8px 8px 0px var(--color-black);
  --text-stroke-comic:3px var(--color-black);

  /* Docs chrome: soft, quiet, translucent header */
  --shadow-docs-none:none;
  --blur-docs-header:12px;
  --opacity-docs-header-bg:0.9;

  --transition-fast:0.1s; /* @kind other */
  --transition-btn:transform var(--transition-fast) ease, box-shadow var(--transition-fast) ease;

  /* Ticker background: black polka dots on yellow */
  --pattern-ticker:radial-gradient(var(--color-black) 1px, transparent 1px);
  --pattern-ticker-size:20px 20px;
}