/* ============================================
   Happy Family Dinners — Custom Green Theme
   ============================================ */

/* --- Welcome screen: big centred title --- */
h1 {
  font-size: 2rem !important;
  font-weight: 700 !important;
  color: #1b5e20 !important;
  text-align: center !important;
  margin-top: 8px !important;
}

/* --- Welcome screen subtitle --- */
h1 + p em {
  display: block;
  text-align: center;
  color: #388e3c;
  font-size: 1.05rem;
}

/* --- Colour tokens (light mode) --- */
:root,
[data-theme="light"] {
  --primary:            oklch(0.44 0.16 145);   /* forest green */
  --primary-foreground: oklch(0.99 0.005 145);
  --ring:               oklch(0.44 0.16 145);
  --accent:             oklch(0.93 0.05 145);   /* pale green */
  --accent-foreground:  oklch(0.32 0.12 145);
}

/* --- Colour tokens (dark mode) --- */
[data-theme="dark"] {
  --primary:            oklch(0.60 0.18 145);
  --primary-foreground: oklch(0.10 0 0);
  --ring:               oklch(0.60 0.18 145);
  --accent:             oklch(0.28 0.07 145);
  --accent-foreground:  oklch(0.92 0.05 145);
}

/* --- Warm light background --- */
[data-theme="light"] body,
[data-theme="light"] #root {
  background-color: #f4faf4;
}

/* --- Message bubbles: assistant gets a soft green tint --- */
[data-theme="light"] .step:has(.message.assistant) {
  background-color: #f0faf0;
  border-radius: 12px;
}

/* --- Input box: green focus ring --- */
[data-theme="light"] textarea:focus,
[data-theme="light"] input:focus {
  border-color: #66bb6a !important;
  box-shadow: 0 0 0 2px #c8e6c9 !important;
}

/* --- Send button: green to match logo --- */
button[data-testid="send-button"] {
  background-color: #2e7d32 !important;
  color: white !important;
}

button[data-testid="send-button"]:hover {
  background-color: #1b5e20 !important;
  box-shadow: 0 0 8px #81c784;
}

/* --- Watermark / powered-by footer: soften it --- */
.watermark {
  opacity: 0.4;
}