/*
Theme Name: Medical Billing TX
Theme URI: https://medicalbillingtx.com
Author: Medical Billing TX
Author URI: https://medicalbillingtx.com
Description: Lightweight, SEO-first custom WordPress theme for a Texas medical billing agency. Built on Custom Post Types (Services, Specialties, Locations), ACF-driven content, JSON-LD schema, and Core Web Vitals optimization. No page-builder dependency.
Version: 1.0.0
Requires at least: 6.5
Tested up to: 6.6
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mbtx
Tags: business, healthcare, custom-post-types, accessibility-ready, translation-ready
*/

/*
 * The functional CSS lives in assets/css/main.css (enqueued in inc/enqueue.php).
 * This file carries the required theme header above and the design-token layer
 * below so tokens are available even before the main stylesheet loads.
 *
 * ---------------------------------------------------------------------------
 * DESIGN TOKENS
 * ---------------------------------------------------------------------------
 */

:root {
  /* Brand */
  --color-primary: #0E7C86;        /* deep teal */
  --color-primary-dark: #0A5C63;
  --color-primary-light: #E6F3F4;
  --color-secondary: #0F172A;      /* slate ink */
  --color-accent: #16A34A;         /* CTA green */
  --color-accent-dark: #15803D;

  /* Neutrals */
  --color-ink: #0F172A;
  --color-body: #334155;
  --color-muted: #64748B;
  --color-line: #E2E8F0;
  --color-surface: #FFFFFF;
  --color-surface-alt: #F8FAFC;
  --color-surface-tint: #F1F5F9;

  /* States */
  --color-success: #16A34A;
  --color-success-bg: #DCFCE7;
  --color-error: #DC2626;
  --color-error-bg: #FEE2E2;
  --color-warning: #D97706;

  /* Typography */
  --font-display: "Poppins", "Plus Jakarta Sans", system-ui, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  --fs-xs: 0.8125rem;   /* 13px */
  --fs-sm: 0.9375rem;   /* 15px */
  --fs-base: 1.0625rem; /* 17px */
  --fs-md: 1.25rem;     /* 20px */
  --fs-lg: 1.5rem;      /* 24px */
  --fs-xl: 2rem;        /* 32px */
  --fs-2xl: 2.625rem;   /* 42px */
  --fs-3xl: 3.25rem;    /* 52px */

  --lh-tight: 1.15;
  --lh-snug: 1.35;
  --lh-base: 1.65;

  /* Layout */
  --container: 1200px;
  --container-narrow: 820px;
  --gutter: clamp(1rem, 4vw, 2.5rem);
  --section-y: clamp(3.5rem, 7vw, 6rem);

  /* Radius & shadow */
  --radius-sm: 8px;
  --radius: 14px;
  --radius-lg: 22px;
  --radius-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06), 0 1px 3px rgba(15, 23, 42, 0.05);
  --shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.07), 0 10px 24px -8px rgba(15, 23, 42, 0.12);
  --shadow-lg: 0 24px 48px -12px rgba(15, 23, 42, 0.18);

  /* Motion */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --dur: 0.28s;

  /* Header offset for sticky anchors */
  --header-h: 84px;
}