:root {
  /* ---- Base palette (deliberately tiny) ---- */
  --ink: #111111;            /* the outline black — never pure #000 in fills, but lines can be */
  --ink-true: #000000;       /* logo line-art black */
  --paper: #FFFFFF;          /* letter-fill white */
  --paper-warm: #FAF6EF;     /* dough — warm off-white page background */
  --pizza-red: #ED1C24;      /* sampled from the one-color logo */
  --pizza-red-dark: #C41118; /* pressed / hover-darken step */
  --pizza-red-tint: #FDE8E9; /* red at ~8% on white, for fills behind red text */

  /* ---- Neutrals (grays stay warm and few) ---- */
  --gray-1: #F2EDE4;
  --gray-2: #DED7C9;
  --gray-3: #A89F8F;
  --gray-4: #6E675C;

  /* ---- Semantic aliases ---- */
  --text-heading: var(--ink-true);
  --text-body: var(--ink);
  --text-muted: var(--gray-4);
  --text-on-red: var(--paper);
  --text-accent: var(--pizza-red);

  --surface-page: var(--paper-warm);
  --surface-card: var(--paper);
  --surface-raised: var(--paper);
  --surface-inverse: var(--ink-true);
  --surface-accent: var(--pizza-red);

  --border-strong: var(--ink-true);  /* the brand border — thick black line */
  --border-subtle: var(--gray-2);

  --link: var(--pizza-red);
  --link-hover: var(--pizza-red-dark);

  --focus-ring: var(--pizza-red);

  /* status colors reuse the palette; no invented greens/yellows */
  --danger: var(--pizza-red);
}