/*
Theme Name: Verma Hospital
Theme URI: https://www.drvermahospitals.com/
Author: Dr. Verma Multi-Speciality Hospital
Author URI: https://www.drvermahospitals.com/
Description: Custom high-performance WordPress theme for Dr. Verma Multi-Speciality Hospital (Gynecology, Obstetrics, Orthopaedics & Spine), Godhani Road, Nagpur. Built with mobile-first architecture, Schema.org medical structured data, Google Analytics 4, and conversion-optimized patient care workflows.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: verma-hospital
Tags: healthcare, hospital, orthopaedics, gynaecology, maternity, responsive-layout, mobile-first
*/

/* ============================================================
   VERMA HOSPITAL — DESIGN SYSTEM TOKENS (60:30:10 Architecture)
   ============================================================ */
:root {
  /* 60% — Dominant (Surfaces & Whitespace) */
  --c-bg-primary:      #FAFCFC; /* Paper White */
  --c-bg-secondary:    #F0F6F7; /* Mist */
  --c-bg-surface:      #FFFFFF; /* Pure Surface */
  --c-bg-dark:         #072226; /* Deep Ink Surface */

  /* 30% — Secondary (Structure, Typography, Nav, Footer) */
  --c-ink-900:         #072226; /* Primary Text & Headlines */
  --c-ink-700:         #0B3A40; /* Ink Teal (Nav/Header/Footer) */
  --c-ink-500:         #0F5158; /* Sub-headers & Icons */
  --c-muted:           #5A7377; /* Metadata & Secondary Copy */
  --c-border:          #DCE7E8; /* Structural Borders */

  /* 10% — Accent (Peacock Blue PMS 7710 C - Action Only) */
  --c-accent:          #00A4B4; /* Primary Action / CTAs */
  --c-accent-dark:     #006C75; /* Hover / Focus State */
  --c-accent-tint-10:  #E3F5F6; /* Badges & Subtle Backings */
  --c-accent-tint-20:  #C6EBEE; /* Chips & Active States */

  /* Semantic Feedback */
  --c-success:         #2F8F6E;
  --c-success-bg:      #EAF6F1;
  --c-warning:         #B9791A;
  --c-warning-bg:      #FBF1E2;
  --c-error:           #C4453A;
  --c-error-bg:        #FBEBE9;

  /* Typography Stacks */
  --font-display:      'Helvetica Now', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-body:         'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Type Scale — 1.25 Major Third Scale (Base 16px) */
  --fs-display:        clamp(2.2rem, 5vw, 3.052rem); /* ~48.8px */
  --fs-h1:             clamp(1.8rem, 4vw, 2.441rem); /* ~39px */
  --fs-h2:             clamp(1.5rem, 3vw, 1.953rem); /* ~31px */
  --fs-h3:             clamp(1.25rem, 2vw, 1.563rem);/* ~25px */
  --fs-h4:             1.25rem;                      /* 20px */
  --fs-body-lg:        1.125rem;                     /* 18px */
  --fs-body:           1rem;                         /* 16px */
  --fs-small:          0.875rem;                     /* 14px */
  --fs-micro:          0.75rem;                      /* 12px */

  /* 4px Spacing Grid */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-12: 48px;
  --sp-16: 64px;
  --sp-24: 96px;
  --sp-32: 128px;

  /* Elevation & Radius */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --shadow-card: 0 1px 2px rgba(7,34,38,0.04), 0 4px 16px rgba(7,34,38,0.06);
  --shadow-hover: 0 4px 12px rgba(7,34,38,0.08), 0 12px 32px rgba(7,34,38,0.12);

  /* Container Boundaries */
  --container-width: 1140px;
}