/* ============================================================
   Theme: COUNTER  -  utilitarian, no-fuss neighbourhood cafe
   ------------------------------------------------------------
   For: corner cafes, station kiosks, bus-stop coffee, takeaway
   counters. Mood: a clean counter and a chalkboard. System sans,
   near-zero colour - black on white, one hairline. No Google
   Font import, no shadows, square corners, no flourishes. The
   lowest-impact cafe look in the set.
   ============================================================ */

.theme-counter {
  /* -------- Surfaces (pure white, near-white alt) ------- */
  --bg:        #FFFFFF;
  --bg-2:      #F5F5F5;
  --surface:   #FFFFFF;

  /* -------- Text (near-black on white) ------------------ */
  --fg:            #111111;
  --fg-muted:      #555555;
  --heading-color: #111111;

  /* -------- Accent (black as accent) -------------------- */
  --accent:        #111111;
  --accent-bright: #000000;
  --accent-hover:  #333333;
  --accent-2:      #111111;
  --on-accent:     #FFFFFF;

  --hairline:   rgba(17, 17, 17, 0.14);
  --hairline-2: rgba(17, 17, 17, 0.26);

  /* -------- Hero (heavy black veil, no colour) ---------- */
  --hero-ink: #FFFFFF;
  --hero-min-h: 78vh;
  --hero-overlay:
    radial-gradient(120% 95% at 50% 40%, rgba(0,0,0,0.36) 0%, rgba(0,0,0,0.60) 66%, rgba(0,0,0,0.86) 100%),
    linear-gradient(180deg, rgba(0,0,0,0.42) 0%, rgba(0,0,0,0.36) 42%, rgba(0,0,0,0.92) 100%);

  /* -------- Footer (pure black) ------------------------- */
  --footer-bg:     #111111;
  --footer-fg:     rgba(255, 255, 255, 0.72);
  --footer-strong: #FFFFFF;
  --footer-head:   #999999;

  /* -------- Type (system sans, no import) --------------- */
  --font-display: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-body:    system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  --fs-hero: clamp(2.2rem, 5vw + 1rem, 4rem);
  --heading-weight: 600;
  --heading-tracking: -0.01em;
  --eyebrow-tracking: 0.14em;

  /* -------- Square corners, hairline rules -------------- */
  --radius-1: 0;
  --radius-2: 0;
  --radius-3: 0;
  --radius-pill: 0;
  --radius-btn: 0;   /* hard square - utilitarian */
  --rule-width: 32px;
  --rule-height: 1px;
  --rule-color: var(--fg);

  --shadow-1: none;
  --shadow-2: none;
}

/* ---- Structural personality: utilitarian, no flourish ---- */

.theme-counter h1,
.theme-counter h2,
.theme-counter h3,
.theme-counter .footer__wordmark {
  letter-spacing: -0.01em;
  font-weight: 600;
}

.theme-counter .rule { height: 1px; width: 32px; }

.theme-counter .menu-group {
  background: var(--surface);
  border: 1px solid var(--hairline);
  box-shadow: none;
}
.theme-counter .menu-group__title { border-bottom: 1px solid var(--fg); }
.theme-counter .menu-row__price {
  color: var(--fg);
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}