/*
Theme Name: Home Bites
Theme URI: https://homebites.app
Author: Home Bites
Author URI: https://homebites.app
Description: Marketing & legal site for the Home Bites home-food marketplace app — landing page plus the App Store / Google Play required pages (Privacy Policy, Terms, Support, Account & Data Deletion). Styled with Tailwind CSS, brand-matched to the mobile app.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: homebites
*/

/* Tailwind does the heavy lifting (loaded in header.php). This file holds only
   small base/typography touches that are awkward to express as utilities. */

:root {
  --hb-primary: #B85C38;
  --hb-primary-dark: #8F4424;
  --hb-cream: #F4EBDC;
  --hb-paper: #FBF7F0;
  --hb-ink: #2E2620;
}

html { scroll-behavior: smooth; }

body {
  background-color: var(--hb-paper);
  color: var(--hb-ink);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Long-form legal/support copy rendered from the WordPress editor or our
   markup gets readable defaults without needing a utility on every tag. */
.hb-prose h2 { font-family: "Fraunces", Georgia, serif; font-weight: 700; font-size: 1.5rem; line-height: 1.25; color: var(--hb-ink); margin: 2.25rem 0 0.75rem; }
.hb-prose h3 { font-weight: 700; font-size: 1.125rem; color: var(--hb-ink); margin: 1.5rem 0 0.5rem; }
.hb-prose p,
.hb-prose li { color: #5C5043; line-height: 1.7; }
.hb-prose p { margin: 0 0 1rem; }
.hb-prose ul { list-style: disc; padding-left: 1.25rem; margin: 0 0 1rem; }
.hb-prose ol { list-style: decimal; padding-left: 1.25rem; margin: 0 0 1rem; }
.hb-prose li { margin: 0 0 0.4rem; }
.hb-prose a { color: var(--hb-primary); text-decoration: underline; text-underline-offset: 2px; }
.hb-prose strong { color: var(--hb-ink); }
.hb-prose table { width: 100%; border-collapse: collapse; margin: 1rem 0 1.5rem; font-size: 0.95rem; }
.hb-prose th,
.hb-prose td { border: 1px solid #E8DCC9; padding: 0.6rem 0.8rem; text-align: left; vertical-align: top; }
.hb-prose th { background: #F2E9DA; color: var(--hb-ink); font-weight: 600; }

/* Subtle grain so the warm palette doesn't read flat on large surfaces. */
.hb-grain {
  background-image: radial-gradient(rgba(143, 68, 36, 0.05) 1px, transparent 1px);
  background-size: 18px 18px;
}