/* Chibre Chef — readability & polish overlay. Loaded AFTER unified.css so it
 * wins. The app was set in Orbitron (a sci-fi display font) with neon text-glow,
 * which is hard to read for recipe content. This keeps the neon vibe but makes
 * text legible: a clean body font, a lighter display font for headings, no glow
 * on body text, comfortable line-height, and a touch more contrast. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');

:root {
  --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Space Grotesk', 'Inter', sans-serif;
  --text-secondary: #cacae6;   /* brighter than the original #b0b0c8 */
  --text-muted: #9a9ab8;
}

/* Global font swap: Inter for everything, display font for headings + branding. */
* {
  font-family: var(--font-body) !important;
  letter-spacing: normal !important;
}
h1, h2, h3, h4, h5, h6, .logo, .app-title {
  font-family: var(--font-display) !important;
  letter-spacing: 0.01em !important;
  font-weight: 600;
}

/* Kill the neon text-glow on readable content (headings/logo keep theirs). */
p, li, td, th, span, label, a, input, textarea, select, .ingredient, .step {
  text-shadow: none !important;
}

/* No shouty ALL-CAPS on body content. */
p, li, td, label, input, textarea, .ingredient, .step, .recipe-instructions {
  text-transform: none !important;
}

/* Comfortable reading rhythm + slightly brighter recipe text. */
body { font-size: 16px; line-height: 1.55; }
p, li, td, .ingredient, .step { line-height: 1.55; }
.ingredient, .step, .recipe-instructions, li { color: #e8e8f4; }

/* Inputs/textareas readable. */
input, textarea, select { font-size: 15px; }