:root {
  /* === Brand palette — Bias Check Theatre business card === */
  /* Distribution: 60% parchment/cream background, 20% light paper cards,
     10% terracotta primary highlights, 7% forest green accents, 3% mustard. */

  --color-background: #F5E8D0;   /* Main background — parchment/cream */
  --color-paper: #E9D3AD;        /* Secondary background — cards */
  --color-parchment: #F8EEDC;    /* Lighter cream */
  --color-sand: #DEC7A0;         /* Sand */
  --color-gold: #D99A20;         /* Gold */

  --color-text: #211D18;         /* Main text — ink */
  --color-muted: #82715D;        /* Muted text */

  --color-terracotta: #C74725;   /* Primary terracotta — buttons & highlights */
  --color-amber: #E6A526;        /* Mustard yellow — small decorative details */
  --color-forest: #174B39;       /* Forest green — supporting elements */
  --color-leaf: #285B42;         /* Leaf green */

  --color-warm-brown: #8E5638;   /* Warm brown */
  --color-curtain: #B83D25;      /* Curtain red */

  /* === Derived borders & UI (built from the palette above) === */
  --color-border: #E8DDB0;
  --color-border-soft: #F1E8C8;
  --color-border-pill: #E9DCA8;
  --color-border-press: #E9D3AD;

  --color-logo-ring: #C9B3A0;
  --color-logo-fill: #F3E8D0;

  --color-body-soft: #7A6B5C;
  --color-body-copy: #5C5046;

  --color-notice: #8E5638;
  --color-notice-bg: #F3E6D0;

  --color-press-headline: #211D18;

  --color-footer-link: #7A6B5C;
  --color-footer-note: #A89278;

  /* Hero */
  --color-hero-eyebrow: #E6A526;
  --color-hero-body: #F8EEDC;
  --color-hero-cta: #C74725;
  --color-hero-cta-text: #FFFFFF;

  /* Poster treatments */
  --color-poster-gold: #E6A526;
  --color-poster-line: #C74725;
  --color-poster-italic: #F8EEDC;
  --color-poster-manto: #E6A526;
  --color-poster-salwaton-eyebrow: #E9D3AD;
  --color-poster-salwaton-italic: var(--color-parchment);
  --color-poster-rule: #C74725;

  --color-white: #ffffff;

  /* === Typography === */
  --font-heading: 'Playfair Display', serif;
  --font-body: 'Plus Jakarta Sans', sans-serif;
  --font-display: 'Kalam', cursive;
  --font-handwritten: 'Caveat', cursive;

  /* === Radius / Shadow / Space === */
  --radius-card: 20px;
  --radius-button: 999px;
  --radius-xl: 16px;
  --radius-2xl: 16px;
  --radius-3xl: 24px;

  --container-width: 1152px;
  --shadow-soft: 0 15px 45px rgba(33, 29, 24, 0.07);
  --shadow-card-hover: 0 20px 45px rgba(33, 29, 24, 0.12);

  --space-page-x: 1.25rem;
}