:root {
  /* Taskmaster official palette (taskmaster.tv) */
  --tm-red: #982627;
  --tm-red-dark: #761c19;
  --tm-red-light: #ac2925;

  /* Page surfaces */
  --tm-white: #ffffff;
  --tm-off-white: #faf9f7;

  /* Cream envelope & paper */
  --tm-cream: #f4efe4;
  --tm-paper: #d4c9c1;
  --tm-paper-light: #ede8e2;
  --tm-ink: #333333;

  /* Gold accents */
  --tm-gold: #c9a227;
  --tm-gold-bright: #ec971f;
  --tm-gold-dark: #8a6d3b;

  /* Wax seal */
  --tm-wax: #b91c1c;
  --tm-wax-dark: #761c19;

  --tm-shadow: rgba(0, 0, 0, 0.35);
  --tm-shadow-light: rgba(0, 0, 0, 0.12);

  /* Taskmaster red/black wallpaper — CSS fallback until wallpaper-pattern.png is added */
  --tm-wallpaper-fallback:
    repeating-linear-gradient(
      45deg,
      #1a1a1a 0px,
      #1a1a1a 4px,
      var(--tm-red-dark) 4px,
      var(--tm-red-dark) 8px
    );
  --tm-wallpaper: url("../images/props/background-tile.png");

  /* Typography — 112.5% root (18px) in base.css; rem values below assume that scale */
  --text-xs: 0.8125rem;
  --text-sm: 0.9375rem;
  --text-base: 1.0625rem;
  --text-md: 1.125rem;
  --text-lg: 1.25rem;
  --leading-tight: 1.25;
  --leading-normal: 1.7;
  --leading-relaxed: 1.75;

  /* Layout */
  --max-width: 1200px;
  --section-pad: clamp(3.5rem, 7vw, 6rem);
  --content-pad: clamp(1.5rem, 4vw, 2.5rem);
  --space-stack-sm: 0.5rem;
  --space-stack: 0.75rem;
  --space-stack-md: 1.25rem;
  --space-stack-lg: 2rem;
  --space-stack-xl: 2.5rem;
}