/**
 * Bala Ji Softwares — Official Brand Palette (#2072F3)
 * Single source of truth for colors sitewide.
 */
:root {
    /* Primary scale */
    --primary-50: #eff6ff;
    --primary-100: #dbeafe;
    --primary-200: #bfdbfe;
    --primary-300: #93c5fd;
    --primary-400: #60a5fa;
    --primary-500: #3b82f6;
    --primary-600: #2072f3;
    --primary-700: #1859c9;
    --primary-800: #1749a3;
    --primary-900: #153e75;

    /* Semantic aliases (legacy + new) */
    --primary: var(--primary-600);
    --primary-dark: var(--primary-700);
    --primary-light: var(--primary-400);
    --primary-hover: var(--primary-700);
    --primary-active: var(--primary-800);

    --accent: #ffb020;
    --accent-dark: #e69a00;
    --success: #16a34a;
    --danger: #ef4444;
    --info: #06b6d4;

    /* Neutrals */
    --white: #ffffff;
    --bg-page: #f7f9fc;
    --bg-light: #f7f9fc;
    --bg-section: #eff6ff;
    --border: #e5e7eb;
    --border-light: #e5e7eb;
    --muted: #9ca3af;
    --text-body: #4b5563;
    --text: #4b5563;
    --text-light: #6b7280;
    --text-muted: #9ca3af;
    --heading: #111827;
    --dark: #111827;
    --dark-blue: #153e75;
    --navy: #1749a3;

    /* Secondary = info (palette-approved accent, not random teal) */
    --secondary: var(--info);
    --secondary-dark: #0891b2;

    /* Professional gradients — blue only + optional gold accent */
    --gradient-primary: linear-gradient(135deg, var(--primary-700) 0%, var(--primary-600) 100%);
    --gradient-primary-soft: linear-gradient(135deg, var(--primary-600) 0%, var(--primary-500) 100%);
    --gradient-hero: linear-gradient(135deg, var(--primary-900) 0%, var(--primary-800) 45%, #0f172a 100%);
    --gradient-dark: linear-gradient(180deg, #0f172a 0%, var(--primary-900) 100%);
    --gradient-accent-line: linear-gradient(90deg, var(--primary-600), var(--accent));
    --gradient-shine: linear-gradient(90deg, transparent, rgba(255,255,255,.08), transparent);

    /* Shadows */
    --shadow: 0 4px 24px rgba(17, 24, 39, 0.06);
    --shadow-md: 0 8px 32px rgba(32, 114, 243, 0.12);
    --shadow-lg: 0 16px 48px rgba(17, 24, 39, 0.1);
    --shadow-primary: 0 8px 28px rgba(32, 114, 243, 0.28);

    /* Radius & type */
    --radius: 12px;
    --radius-sm: 8px;
    --radius-lg: 16px;
    --font-heading: 'Poppins', sans-serif;
    --font-body: 'Inter', sans-serif;
    --transition: all 0.25s ease;
}