/* Theme: quilt-shop ("Quilt Shop × show identity")
   Warm cream page with white cards; the show's own charcoal, silver rings and
   rounded quilt-block tiles in the header; tall condensed uppercase display
   type; one oxblood accent. Swap --accent to retheme the highlights. */
:root {
  /* Surfaces */
  --bg: #f7f2ea;
  --bg-alt: #efe7da;
  --surface: #ffffff;
  --line: #e6dfd3;
  --hero-glow: #eadfcf;
  --media-bg: #1c1719;

  /* Text */
  --ink: #2a2325;
  --ink-2: #5a4f4c;
  --muted: #8a7f7a;

  /* Brand + accents */
  --accent: #8e3620;        /* oxblood: pills, chips, buttons, stitching */
  --accent-2: #6e2716;
  --accent-soft: #f2e3dd;
  --brand-2: #1c1719;       /* show charcoal: header, CTA panel, mark */
  --quote: #1c1719;
  --silver: #d6d2cc;        /* photo rings, header tagline */
  --tile: #2a2527;          /* rounded quilt-block tiles on charcoal */
  --dots: #6a6266;

  /* Header (dark band) */
  --header-bg: var(--brand-2);
  --header-text: #ffffff;
  --header-text-2: #bdb5b8;
  --header-line: #2a2527;

  /* CTA panel */
  --cta-bg: var(--brand-2);
  --cta-text: #ffffff;
  --cta-text-2: #cfc7c9;
  --cta-kicker: var(--silver);
  --cta-fine: #9d9396;
  --cta-button-bg: var(--accent);
  --cta-button-text: #ffffff;
  --cta-button-hover: var(--accent-2);

  /* Buttons */
  --button-text: #ffffff;

  /* Type */
  --font-display: "Bebas Neue", "Oswald", Impact, sans-serif;
  --font-ui: "Poppins", "Helvetica Neue", Arial, sans-serif;
  --font-serif: "Lora", Georgia, "Times New Roman", serif;
  --font-sans: var(--font-ui);
  --font-body: var(--font-serif);
  --font-heading: var(--font-display);
  --text-base: 18px;
  --leading: 1.65;
  --h1: clamp(3rem, 6.5vw, 4.9rem);
  --h2: clamp(1.9rem, 3vw, 2.5rem);
  --h3: 1.4rem;
  --heading-weight: 400;
  --heading-tracking: .01em;
  --heading-leading: .96;
  --eyebrow-tracking: .04em;

  /* Shape + space */
  --max: 1120px;
  --gutter: 20px;
  --radius: 18px;
  --radius-sm: 12px;
  --radius-pill: 999px;
  --shadow: 0 1px 0 #e6dfd3, 0 12px 30px rgba(40, 30, 25, .08);
  --rule: 10px;
  --ring: 6px;
  --stripe: repeating-linear-gradient(90deg, var(--accent) 0 48px, var(--silver) 48px 96px, var(--brand-2) 96px 144px);
  --stripe-h: 8px;
  --quote-rule: 2px dashed var(--accent);
}