/*
Theme Name: DailyHealthyCare
Theme URI: https://dailyhealthycare.com
Author: DailyHealthyCare
Author URI: https://dailyhealthycare.com
Description: A modern, fast, SEO-first WordPress theme built for a health & wellness authority blog. Optimized for Core Web Vitals, E-E-A-T, schema markup, and affiliate conversions. White / green / blue palette.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dailyhealthycare
Tags: blog, health, wellness, custom-colors, custom-menu, featured-images, full-width-template, threaded-comments, translation-ready
*/

/* =========================================================
   DailyHealthyCare — Design System
   The bulk of styles live in /assets/css/main.css (enqueued
   separately so it can be minified/cached by WP Rocket).
   This file holds the required theme header + critical CSS.
   ========================================================= */

:root {
  /* Brand palette — white / green / blue */
  --dhc-green: #1f9d55;        /* primary action / trust */
  --dhc-green-dark: #157347;
  --dhc-green-light: #e8f6ee;
  --dhc-blue: #1c6dd0;         /* secondary / links */
  --dhc-blue-dark: #14529c;
  --dhc-blue-light: #e7f0fb;
  --dhc-ink: #16242f;          /* body text */
  --dhc-muted: #5b6b76;
  --dhc-line: #e4eaed;
  --dhc-bg: #ffffff;
  --dhc-bg-soft: #f6f9f8;

  --dhc-radius: 14px;
  --dhc-radius-sm: 9px;
  --dhc-shadow: 0 6px 24px rgba(22, 36, 47, .08);
  --dhc-shadow-sm: 0 2px 10px rgba(22, 36, 47, .06);
  --dhc-maxw: 1180px;
  --dhc-content: 760px;

  --dhc-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --dhc-serif: Georgia, "Times New Roman", serif;
}

/* Critical above-the-fold reset (keeps CLS low before main.css loads) */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: var(--dhc-font);
  color: var(--dhc-ink);
  background: var(--dhc-bg);
  line-height: 1.7;
  font-size: 18px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; height: auto; display: block; }
a { color: var(--dhc-blue); text-decoration: none; }
a:hover { text-decoration: underline; }
h1, h2, h3, h4 { line-height: 1.25; color: var(--dhc-ink); font-weight: 750; }