/*
Theme Name: Tristar Physical Therapy
Theme URI: https://tristarpt.com
Author: Tristar PT
Author URI: https://tristarpt.com
Description: Custom WordPress theme for Tristar Physical Therapy — East Tennessee's trusted PT & OT provider. Built with brand colors PMS 151C, PMS 428C, PMS 425C, White, and Black. Fully responsive, SEO-optimized, and mobile-first.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.7
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: tristar
Tags: custom-logo, custom-menu, featured-images, full-width-template, one-column, two-columns, accessibility-ready
*/

/* ==========================================================================
   TRISTAR BRAND DESIGN SYSTEM
   Brand Colors: PMS 151C, PMS 428C, White, PMS 425C, Black
   ========================================================================== */

:root {
    /* ── PRIMARY BRAND COLORS (from Brand Guide) ── */
    --tpt-orange: #FF8200;         /* PMS 151C - Primary brand orange */
    --tpt-orange-dark: #E07400;    /* Darker orange for hover states */
    --tpt-orange-light: #FFA040;   /* Lighter orange for accents */
    --tpt-orange-glow: rgba(255, 130, 0, 0.12);
    --tpt-orange-10: rgba(255, 130, 0, 0.1);
    --tpt-orange-20: rgba(255, 130, 0, 0.2);

    --tpt-silver: #C4C7C8;        /* PMS 428C - Silver/light gray */
    --tpt-silver-light: #D8DADB;
    --tpt-silver-dark: #AEB1B3;

    --tpt-charcoal: #54585A;      /* PMS 425C - Charcoal gray */
    --tpt-charcoal-light: #6B7073;
    --tpt-charcoal-dark: #3D4042;

    --tpt-white: #FFFFFF;
    --tpt-black: #000000;
    --tpt-near-black: #1A1C1E;

    /* ── EXTENDED PALETTE ── */
    --tpt-cream: #F8F9FB;
    --tpt-gray-50: #FAFAFA;
    --tpt-gray-100: #F1F3F5;
    --tpt-gray-200: #DEE2E6;
    --tpt-gray-300: #C4C7C8;
    --tpt-gray-400: #AEB1B3;
    --tpt-gray-500: #868E96;
    --tpt-gray-600: #54585A;
    --tpt-gray-700: #3D4042;
    --tpt-gray-800: #2A2D2F;
    --tpt-gray-900: #1A1C1E;

    /* ── SEMANTIC COLORS ── */
    --tpt-success: #22C55E;
    --tpt-warning: #FF8200;
    --tpt-error: #EF4444;
    --tpt-info: #3B82F6;

    /* ── TYPOGRAPHY ── */
    --font-display: 'DM Serif Display', Georgia, serif;
    --font-body: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
    --font-mono: 'JetBrains Mono', monospace;

    /* ── SPACING SCALE ── */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    --space-2xl: 48px;
    --space-3xl: 64px;
    --space-4xl: 96px;
    --space-5xl: 128px;

    /* ── SIZING ── */
    --container-sm: 640px;
    --container-md: 768px;
    --container-lg: 1024px;
    --container-xl: 1200px;
    --container-2xl: 1400px;

    /* ── BORDERS ── */
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-full: 9999px;

    /* ── SHADOWS ── */
    --shadow-xs: 0 1px 2px rgba(84,88,90,0.04);
    --shadow-sm: 0 1px 3px rgba(84,88,90,0.06);
    --shadow-md: 0 4px 20px rgba(84,88,90,0.08);
    --shadow-lg: 0 12px 40px rgba(84,88,90,0.12);
    --shadow-xl: 0 24px 60px rgba(84,88,90,0.16);
    --shadow-orange: 0 4px 15px rgba(255,130,0,0.3);
    --shadow-orange-lg: 0 6px 25px rgba(255,130,0,0.4);

    /* ── TRANSITIONS ── */
    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
    --duration-fast: 150ms;
    --duration-normal: 300ms;
    --duration-slow: 500ms;

    /* ── Z-INDEX SCALE ── */
    --z-dropdown: 100;
    --z-sticky: 200;
    --z-overlay: 300;
    --z-modal: 400;
    --z-toast: 500;
}