/*
Theme Name: Chopra Uniforms
Theme URI: https://choprauniforms.com
Author: Chopra Uniforms
Author URI: https://choprauniforms.com
Description: Custom-coded WooCommerce theme for Chopra Uniforms — premium school, hotel, corporate and institutional uniforms. Built without page builders for speed, maintainability and full control.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 7.0
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: chopra-uniforms
*/

/* =========================================================
   NOTE: This file intentionally holds only the theme header
   (required by WordPress) + design tokens. All real styling
   lives in /assets/css/ and is loaded via inc/enqueue.php.
   Keeping style.css light avoids WordPress parsing a huge
   stylesheet just to read the header comment above.
   ========================================================= */

:root {
    /* ---- Brand colours (sampled directly from Chopra_Uniforms_Logo.png) ---- */
    --color-navy: #03244E;          /* Primary brand colour — exact logo navy */
    --color-navy-dark: #011530;     /* Hover / pressed states (darker) */
    --color-navy-light: #1B3E6B;    /* Tints, borders on navy */
    --color-teal: #057071;          /* Secondary / accent — exact logo teal */
    --color-teal-dark: #045758;
    --color-teal-light: #E3F3F3;
    --color-teal-accessible: #2DD4BF; /* WCAG AA-compliant teal for use on navy backgrounds (footer/hero hover states) */

    /* ---- Neutrals ---- */
    --color-bg: #FFFFFF;
    --color-bg-alt: #F7F8FA;        /* very light neutral section bg */
    --color-text: #1A1A1A;
    --color-text-muted: #6B7280;
    --color-border: #E5E7EB;

    /* ---- Feedback ---- */
    --color-success: #10B981;
    --color-error: #DC2626;
    --color-sale: #DC2626;

    /* ---- Typography ---- */
    --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;

    /* ---- Spacing scale ---- */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 40px;
    --space-2xl: 64px;
    --space-3xl: 96px;

    /* ---- Radius / shadow ---- */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.06);
    --shadow-md: 0 4px 12px rgba(16, 24, 40, 0.08);

    /* ---- Layout ---- */
    --container-max: 1280px;
    --header-height: 84px;
    --header-height-mobile: 64px;

    /* ---- Transitions ---- */
    --transition-fast: 0.2s ease;
    --transition-base: 0.3s ease;

    /* ---- Breakpoints (referenced in comments; CSS can't read
       custom properties inside @media, kept here for documentation) ---- */
    /* mobile: 0-767px | tablet: 768-1023px | desktop: 1024-1439px | large: 1440px+ */
}