/* ===========================================================================
   Clemson Little Theatre — Typography tokens
   ---------------------------------------------------------------------------
   The official Style Guide's four faces are now the REAL brand fonts
   (see tokens/fonts.css):
     CODE        → headings, titles, headlines, quotes  (with 50% lift shadow)
     Rosario     → heading 2, sub-headings, body text   (Google)
     Silverstone → season show TITLES
     Bright      → season info, dates, ticket info
   LowCasat is the brand script for flourish words (letters only — its free
   build watermarks DIGITS, so never set numerals in it). Bungee is an optional
   marquee-lettering accent.
   =========================================================================== */

@import url("https://fonts.googleapis.com/css2?family=Rosario:ital,wght@0,300..700;1,300..700&family=Bungee&display=swap");

:root {
  /* ---- Families ------------------------------------------------------ */
  --font-body:       "Rosario", "Source Sans 3", system-ui, sans-serif; /* body + sub-heads */
  --font-display:    "CODE", "Rosario", system-ui, sans-serif;          /* headings/titles/quotes */
  --font-show-title: "Silverstone", Georgia, serif;                     /* season show titles */
  --font-show-info:  "Bright", "Rosario", system-ui, sans-serif;        /* dates / show info */
  --font-script:     "LowCasat", "Brush Script MT", cursive;            /* flourish words (no digits) */
  --font-marquee:    "Bungee", "CODE", Impact, sans-serif;              /* marquee accent */

  /* Real brand-kit faces, available by name (logo art / wordmarks only). */
  --font-fonseca: "Fonseca", "CODE", sans-serif;
  --font-gotham:  "Gotham", system-ui, sans-serif;

  /* ---- Weights ------------------------------------------------------- */
  --fw-light:    300; /* @kind font */
  --fw-regular:  400; /* @kind font */
  --fw-medium:   500; /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold:     700; /* @kind font */

  /* ---- Type scale (1.25 major-third, 16px base) ---------------------- */
  --text-xs:   0.75rem;   /* 12 */
  --text-sm:   0.875rem;  /* 14 */
  --text-base: 1rem;      /* 16 */
  --text-md:   1.125rem;  /* 18 — body */
  --text-lg:   1.375rem;  /* 22 */
  --text-xl:   1.75rem;   /* 28 */
  --text-2xl:  2.25rem;   /* 36 */
  --text-3xl:  3rem;      /* 48 */
  --text-4xl:  4rem;      /* 64 */
  --text-5xl:  5.5rem;    /* 88 — poster title */

  /* ---- Line heights -------------------------------------------------- */
  --leading-tight:   1.1;
  --leading-snug:    1.25;
  --leading-normal:  1.5;
  --leading-relaxed: 1.65;

  /* ---- Tracking ------------------------------------------------------ */
  --tracking-tight:  -0.01em;
  --tracking-normal: 0;
  --tracking-wide:   0.04em;
  --tracking-wider:  0.12em;  /* small uppercase labels / eyebrows */

  /* ---- Signature effect: mandated heading "lift shadow at 50%" ------- */
  --display-lift-shadow: 0 3px 0 rgba(109, 51, 53, 0.5);
}