/*
Theme Name: Software & Services Business Theme
Theme URI: https://nizam10x.com
Description: High-performance, modular WordPress theme for software agencies — School ERP, Hospital HIS, Booking Engines, CRM, SaaS & Automation.
Author: nizam10x
Author URI: https://nizam10x.com
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: software-services-theme
Tags: custom-menu, responsive, custom-logo, featured-images, translation-ready, dark-mode
*/

/* ==========================================================================
   CSS Custom Properties & Design Tokens
   ========================================================================== */
:root {
    /* Brand Colors — Indigo-violet system */
    --color-primary:        #6366f1;
    --color-primary-hover:  #4f46e5;
    --color-primary-dark:   #0a0e1a;
    --color-primary-light:  rgba(99,102,241,0.1);
    --color-secondary:      #8b5cf6;
    --color-secondary-hover:#7c3aed;
    --color-accent:         #f59e0b;
    --color-accent-hover:   #d97706;
    --color-success:        #22c55e;
    --color-danger:         #ef4444;

    /* Dark & Surface Colors */
    --color-dark:           #060d1f;
    --color-dark-surface:   #0d1526;
    --color-dark-card:      #151e35;
    --color-dark-border:    rgba(255,255,255,0.08);
    --color-dark-text:      #f1f5f9;

    /* Light Theme Surface */
    --color-light-bg:       #f8fafc;
    --color-light-surface:  #ffffff;
    --color-light-card:     #ffffff;
    --color-light-border:   #e2e8f0;
    --color-light-border-subtle: #f1f5f9;

    /* Typography Colors */
    --color-text-main:  #0f172a;
    --color-text-body:  #334155;
    --color-text-muted: #64748b;
    --color-text-light: #94a3b8;

    /* Typography Fonts */
    --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --font-heading: 'Outfit', 'Inter', -apple-system, sans-serif;
    --font-mono:    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

    /* Spacing Scale */
    --space-2xs: 0.25rem;
    --space-xs:  0.5rem;
    --space-sm:  0.75rem;
    --space-md:  1rem;
    --space-lg:  1.5rem;
    --space-xl:  2rem;
    --space-2xl: 3rem;
    --space-3xl: 4.5rem;
    --space-4xl: 6rem;

    /* Layout */
    --container-max:    1200px;
    --container-narrow: 860px;
    --container-wide:   1400px;
    --header-height:    64px;

    /* Border Radii */
    --radius-sm:   6px;
    --radius-md:   12px;
    --radius-lg:   16px;
    --radius-xl:   24px;
    --radius-full: 9999px;

    /* Shadows */
    --shadow-subtle: 0 1px 3px rgba(0,0,0,0.05);
    --shadow-sm:     0 4px 12px rgba(0,0,0,0.06);
    --shadow-md:     0 10px 30px rgba(0,0,0,0.1);
    --shadow-lg:     0 20px 50px rgba(0,0,0,0.15);
    --shadow-glow:   0 0 30px rgba(99,102,241,0.3);

    /* Transitions */
    --transition-fast:   0.15s ease;
    --transition-normal: 0.25s cubic-bezier(0.4,0,0.2,1);
    --transition-slow:   0.4s cubic-bezier(0.4,0,0.2,1);
}