/* Theatre Collage — Design Tokens
   Aubergine / brass / crimson, stage-dark. Single source of truth.
   Ported verbatim into the Astra child theme in Phase 2. */

:root {
  /* ---- Palette ---- */
  --tc-bg:        #17111B;  /* deep aubergine near-black (page) */
  --tc-bg-2:      #211829;  /* raised surface */
  --tc-bg-3:      #2C2033;  /* cards */
  --tc-plum:      #3A2540;  /* aubergine mid */
  --tc-brass:     #C8A24B;  /* primary accent / spotlight */
  --tc-brass-hi:  #E4C377;  /* bright brass (hovers, highlights) */
  --tc-crimson:   #C7332A;  /* secondary — Productions */
  --tc-crimson-hi:#EA6A5C;  /* bright crimson (hovers) */
  --tc-ivory:     #F5EFE6;  /* primary text */
  --tc-muted:     #B8ADBF;  /* muted lavender-grey text */
  --tc-line:      rgba(245, 239, 230, .12);
  --tc-shadow:    0 18px 50px rgba(0, 0, 0, .45);
  --tc-shadow-sm: 0 8px 24px rgba(0, 0, 0, .35);

  /* ---- Type ---- */
  --tc-font-display: "Anton", "Arial Narrow", sans-serif;
  --tc-font-body:    "Inter", system-ui, -apple-system, sans-serif;
  --tc-fs-hero: clamp(2.75rem, 8vw, 6.5rem);
  --tc-fs-h2:   clamp(1.9rem, 4vw, 3.25rem);
  --tc-fs-h3:   clamp(1.3rem, 2.2vw, 1.75rem);
  --tc-fs-body: clamp(1rem, 1.05vw, 1.125rem);
  --tc-fs-sm:   .875rem;

  /* ---- Space / radius ---- */
  --tc-container: 1200px;
  --tc-gutter: clamp(1rem, 4vw, 3rem);
  --tc-section-y: clamp(3.5rem, 8vw, 7rem);
  --tc-radius: 14px;
  --tc-radius-lg: 22px;
  --tc-radius-pill: 999px;

  /* ---- Motion ---- */
  --tc-ease: cubic-bezier(.22, .61, .36, 1);
}