/* ============================================================
   VENUE THEME: Tee Society
   Layout concept: floodlit social golf venue. Charcoal night bands,
   electric lime for every booking action, wide geometric display type.
   ============================================================ */
:root {
  color-scheme: light;

  /* Color */
  --c-brand: #17191c;        /* charcoal: header, footer, dark bands */
  --c-brand-2: #3f6a08;      /* deep lime: links on light backgrounds */
  --c-brand-tint: #eef1e7;   /* soft fairway gray: section backgrounds */
  --c-action: #c8f031;       /* electric lime: book buttons */
  --c-action-ink: #111214;   /* text on lime */
  --c-action-tint: #eaf8c0;
  --c-action-tint-ink: #3a5206;
  --c-price: #17191c;        /* prices in charcoal; lime is unreadable on white */
  --hero-shade: linear-gradient(90deg, rgba(12,13,15,0.85) 0%, rgba(12,13,15,0.5) 55%, rgba(12,13,15,0.1) 100%);
  --c-ink: #17191c;
  --c-muted: #5b6058;
  --c-paper: #f7f7f3;
  --c-card: #ffffff;
  --c-line: #dfe2d9;
  --c-on-brand: #f2f4ee;

  /* Type */
  --f-display: "Unbounded", "Arial Black", system-ui, sans-serif;
  --f-body: "Manrope", "Segoe UI", system-ui, sans-serif;

  /* Shape */
  --radius: 14px;
  --radius-sm: 10px;

  /* Image fallbacks */
  --ph-1: linear-gradient(135deg, #2b2f35 0%, #17191c 60%, #0b0c0e 100%);
  --ph-2: linear-gradient(135deg, #e3fb8c 0%, #c8f031 45%, #6f8f12 100%);
  --ph-3: linear-gradient(135deg, #5f8f4e 0%, #2f5a2a 55%, #17311a 100%);
  --ph-4: linear-gradient(160deg, #0f1a2b 0%, #17191c 55%, #c8f031 150%);
}
/* Wide display face: lighter weight and a smaller top size */
h1 { font-size: clamp(2rem, 5vw, 3.6rem); font-weight: 700; letter-spacing: -0.02em; }
h2 { font-size: clamp(1.6rem, 3.2vw, 2.4rem); font-weight: 700; letter-spacing: -0.015em; }
h3 { font-weight: 600; font-size: 1.2rem; }
.brand__name { font-weight: 700; font-size: 1.15rem; }
.price { font-weight: 700; }
/* Lime buttons need a darker focus ring */
.btn--action:focus-visible { outline-color: var(--c-ink); }
.band--brand .btn--action:focus-visible, .site-header .btn--action:focus-visible { outline-color: var(--c-action); }