/*
Theme Name: Vertex Nexus Custom 2026
Theme URI: https://vertexnexus.us
Description: Highly professional, custom multi-page corporate WordPress theme for Vertex Nexus. Features state-of-the-art Bento Grid layouts, Liquid Glass panels, restrained enterprise slate/blue tones, and full site-wide custom responsiveness.
Author: Vertex Nexus Engineering
Author URI: https://vertexnexus.us
Version: 10.0.0
License: Proprietary
Text Domain: vertex-nexus-2026

--------------------------------------------------------------------------------
1. GLOBAL DESIGN TOKENS (2026 EDITION)
--------------------------------------------------------------------------------
*/

:root {
    /* Color System (Corporate Light Slate-Blue 2026 Palette) */
    --bg-dark: #F8FAFC;             /* Slate 50 base (Clean white/gray background) */
    --bg-dark-surface: #FFFFFF;     /* Pure White surface card */
    --bg-light: #F1F5F9;            /* Slate 100 background secondary */
    --bg-light-surface: #FFFFFF;    /* Pure White surface card */
    
    /* Core Accents & Brands (Restrained & Professional) */
    --accent-primary: #0284C7;      /* Clean Royal Sky Blue */
    --accent-primary-hover: #0369A1;/* Darker Sky Blue */
    --accent-secondary: #0F172A;    /* Slate Dark contrast */
    --accent-red: #EF4444;          /* Critical Warnings / Exclusions */
    --accent-green: #10B981;        /* Inclusions / Complete Success */
    
    /* Active State Color Holders (Clean Light Mode is now Primary) */
    --bg-base: var(--bg-dark);
    --bg-surface: var(--bg-dark-surface);
    --border-color: rgba(15, 23, 42, 0.08); /* Sophisticated Slate border */
    --text-main: #334155;           /* Slate 700 text primary */
    --text-muted: #64748B;          /* Slate 500 text muted */
    --text-heading: #0F172A;        /* Slate 900 headings primary */
    --card-shadow: 0 10px 30px rgba(15, 23, 42, 0.04);
    --card-border: 1px solid rgba(15, 23, 42, 0.08);
    
    /* Typography Definitions */
    --font-heading: 'Outfit', 'Inter', -apple-system, sans-serif;
    --font-body: 'Inter', -apple-system, sans-serif;
    --font-mono: 'IBM Plex Mono', 'Courier New', monospace;
    
    /* Hierarchy System */
    --size-h1: 3.5rem;
    --size-h2: 2.25rem;
    --size-h3: 1.5rem;
    --size-body: 1rem;
    --size-sm: 0.875rem;
    
    /* Font Weights */
    --weight-regular: 400;
    --weight-medium: 500;
    --weight-semibold: 600;
    --weight-bold: 700;
    
    /* Layout Variables */
    --container-max: 1200px;
    --header-height: 80px;
    
    /* Spacing & Rhythm */
    --space-sm: 0.75rem;
    --space-md: 1.5rem;
    --space-lg: 3.0rem;
    --space-xl: 6.0rem;
    
    /* Physics & Timing */
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-full: 9999px;
    
    --transition-fast: 150ms ease-out;
    --transition-base: 300ms cubic-bezier(0.4, 0, 0.2, 1);
    
    --z-header: 100;
    --z-overlay: 200;
}