/* ============================================================
   Theme: DAYBREAK  -  quiet, early-morning, soft-light cafe
   ------------------------------------------------------------
   For: early-bird cafes - the 5:30am tradie-and-train-station
   crowd, hospital and university coffee carts. Mood: soft
   pre-dawn light on a clean counter. Pale slate and cream, a
   single muted ochre accent, a calm transitional serif over
   Inter, hairline rules, no shadows. Volume turned down on
   purpose.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap');

.theme-daybreak {
  /* -------- Surfaces (pale cream, soft slate alt) ------- */
  --bg:        #F7F4EE;
  --bg-2:      #EDEAE2;
  --surface:   #FCFAF4;

  /* -------- Text (deep slate-grey on cream) ------------- */
  --fg:            #2A2F36;
  --fg-muted:      #5F6770;
  --heading-color: #1F242B;

  /* -------- Accent (single muted ochre) ----------------- */
  --accent:        #B07A2C;
  --accent-bright: #C28A36;
  --accent-hover:  #8D5F1F;
  --accent-2:      #B07A2C;   /* single accent, no second pop  */
  --on-accent:     #FCFAF4;

  --hairline:   rgba(42, 47, 54, 0.12);
  --hairline-2: rgba(42, 47, 54, 0.22);

  /* -------- Hero (slate veil, calm and light) ----------- */
  --hero-ink: #FCFAF4;
  --hero-min-h: 80vh;
  --hero-overlay:
    radial-gradient(120% 95% at 50% 40%, rgba(31,36,43,0.30) 0%, rgba(31,36,43,0.54) 66%, rgba(20,24,30,0.84) 100%),
    linear-gradient(180deg, rgba(31,36,43,0.38) 0%, rgba(31,36,43,0.32) 42%, rgba(20,24,30,0.86) 100%);

  /* -------- Footer (deep slate) ------------------------- */
  --footer-bg:     #1F242B;
  --footer-fg:     rgba(252, 250, 244, 0.74);
  --footer-strong: #FCFAF4;
  --footer-head:   #C8A468;

  /* -------- Type ---------------------------------------- */
  --font-display: 'Source Serif 4', 'Source Serif Pro', Georgia, 'Times New Roman', serif;
  --font-body:    'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --fs-hero: clamp(2.4rem, 5.5vw + 1rem, 4.6rem);
  --heading-weight: 500;
  --heading-tracking: -0.005em;
  --eyebrow-tracking: 0.2em;

  /* -------- Soft corners, hairline rules ---------------- */
  --radius-1: 2px;
  --radius-2: 6px;
  --radius-3: 10px;
  --radius-pill: 999px;
  --radius-btn: 8px;   /* soft, quiet - matches the calm voice */
  --rule-width: 36px;
  --rule-height: 1px;
  --rule-color: var(--accent);

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

/* ---- Structural personality: calm pre-dawn light --------- */

.theme-daybreak h1,
.theme-daybreak h2,
.theme-daybreak h3,
.theme-daybreak .footer__wordmark {
  font-family: var(--font-display);
  font-weight: 500;
  letter-spacing: -0.005em;
}

.theme-daybreak .rule { height: 1px; width: 36px; }

.theme-daybreak .menu-group {
  background: var(--surface);
  border: 1px solid var(--hairline);
  box-shadow: none;
}
.theme-daybreak .menu-group__title { border-bottom: 1px solid var(--hairline-2); }
.theme-daybreak .menu-group__title h3 { font-family: var(--font-display); font-weight: 600; }
.theme-daybreak .menu-row__price {
  color: var(--accent);
  font-family: var(--font-body);
  font-variant-numeric: tabular-nums;
}

/* Calmer intro lede, no italic emphasis */
.theme-daybreak .intro__lede { font-weight: 400; }

/* Quiet outline nav button (darker ochre keeps AA contrast on cream);
   the hero's primary CTA stays a bold filled button. */
.theme-daybreak .nav__links .btn {
  background: transparent;
  color: var(--accent-hover);
  border-color: var(--accent-hover);
}
.theme-daybreak .nav__links .btn:hover {
  background: var(--accent);
  color: var(--on-accent);
  border-color: var(--accent);
}