/*!
Theme Name:        NAVTTC
Theme URI:         https://navttc.gov.pk
Author:            NAVTTC Web Team
Author URI:        https://navttc.gov.pk
Description:       Official responsive WordPress theme for the National Vocational & Technical Training Commission (NAVTTC), Pakistan. Features custom post types for news, programs, notices, leadership, and partners, plus an admin-managed notification banner system.
Version:           2.9.28
Requires at least: 6.0
Tested up to:      6.7
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:       navttc
Tags:              government, responsive, custom-menu, custom-logo, custom-colors, featured-images, translation-ready
*/

/* =============================================================================
   CSS Custom Properties (Design Tokens)
   ============================================================================= */
:root {
    /* Brand colors - overridden dynamically by Customizer output */
    --color-primary:        #0A6847;
    --color-primary-mid:    #10b981;
    --color-primary-light:  #ecfdf5;
    --color-accent:         #F59E0B;
    --color-accent-light:   #FCD34D;

    /* Dark palette (header, footer, hero) */
    --color-dark:           #0F172A;
    --color-dark-card:      #1F2937;
    --color-dark-border:    #374151;

    /* Text */
    --color-text:           #111827;
    --color-text-muted:     #6B7280;
    --color-text-light:     #9CA3AF;

    /* Backgrounds */
    --color-bg:             #FFFFFF;
    --color-bg-light:       #F9FAFB;
    --color-bg-section:     #F3F4F6;
    --color-border:         #E5E7EB;
    --color-white:          #FFFFFF;

    /* Typography */
    --font-primary: 'Plus Jakarta Sans', 'Inter', system-ui, -apple-system, sans-serif;

    /* Spacing scale */
    --sp-xs:  0.25rem;
    --sp-sm:  0.5rem;
    --sp-md:  1rem;
    --sp-lg:  1.5rem;
    --sp-xl:  2rem;
    --sp-2xl: 3rem;
    --sp-3xl: 4rem;
    --sp-4xl: 6rem;

    /* Font sizes */
    --fs-xs:   0.75rem;
    --fs-sm:   0.875rem;
    --fs-base: 1rem;
    --fs-lg:   1.125rem;
    --fs-xl:   1.25rem;
    --fs-2xl:  1.5rem;
    --fs-3xl:  1.875rem;
    --fs-4xl:  2.25rem;
    --fs-5xl:  3rem;
    --fs-6xl:  3.75rem;

    /* Layout */
    --container-max:     1280px;
    --container-pad:     1.5rem;

    /* Radii */
    --r-sm:   0.375rem;
    --r-md:   0.75rem;
    --r-lg:   1rem;
    --r-xl:   1.5rem;
    --r-full: 9999px;

    /* Shadows */
    --shadow-sm: 0 1px 3px rgba(0,0,0,.08);
    --shadow-md: 0 4px 16px rgba(0,0,0,.10);
    --shadow-lg: 0 8px 32px rgba(0,0,0,.12);
    --shadow-xl: 0 20px 48px rgba(0,0,0,.15);

    /* Transitions */
    --tr-fast: 150ms ease;
    --tr-base: 250ms ease;
    --tr-slow: 400ms ease;

    /* Header dims */
    --topbar-h:  40px;
    --header-h:  72px;
}