/* =========================================
   STARTER PRO - DESIGN SYSTEM & CORE
   ========================================= */

:root { 
    /* --- BRAND COLORS --- */
    --st-primary: #4f46e5;       /* Indigo 600 */
    --st-primary-dark: #4338ca;  /* Indigo 700 */
    --st-primary-light: #e0e7ff; /* Indigo 100 */
    
    --st-secondary: #ec4899;     /* Pink 500 */
    
    /* --- FUNCTIONAL COLORS --- */
    --st-success: #22c55e;
    --st-success-dark: #16a34a;
    --st-danger: #ef4444;
    --st-warning: #f59e0b;
    --st-info: #3b82f6;

    /* --- NEUTRALS --- */
    --st-white: #ffffff;
    --st-gray-50: #f9fafb;
    --st-gray-100: #f3f4f6;
    --st-gray-200: #e5e7eb;
    --st-gray-300: #d1d5db;
    --st-gray-400: #9ca3af;
    --st-gray-500: #6b7280;
    --st-gray-600: #4b5563;
    --st-gray-800: #1f2937;
    --st-gray-900: #111827;
    --st-black: #000000;

    /* --- COMPONENT SPECIFIC ALIASES (Backward Compatibility) --- */
    --st-blue: var(--st-info); 
    --st-blue-dark: #2563eb; 
    --st-green: var(--st-success); 
    --st-green-dark: var(--st-success-dark); 
    --st-bg-tag: var(--st-gray-100);
    
    /* Pricing Table Specific */
    --st-pt-blue-600: #2563eb; 
    --st-pt-blue-700: #1d4ed8; 
    --st-pt-green-500: var(--st-success); 
    --st-pt-green-600: var(--st-success-dark); 
    --st-pt-gray-900: var(--st-gray-900); 
    --st-pt-gray-600: var(--st-gray-600); 
    --st-pt-gray-500: var(--st-gray-500); 
    --st-pt-gray-400: var(--st-gray-400); 
    --st-pt-gray-100: var(--st-gray-100); 
    --st-pt-gray-50: var(--st-gray-50);
}

/* --- GLOBAL ANIMATIONS --- */
@keyframes starter-shine { 
    0% { left: -100%; } 
    20% { left: 200%; } 
    100% { left: 200%; } 
}

@keyframes starter-fadeInUp { 
    from { opacity: 0; transform: translateY(40px); } 
    to { opacity: 1; transform: translateY(0); } 
}

@keyframes starter-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

/* --- UTILITIES --- */
.starter-hidden { display: none !important; }
.starter-flex-center { display: flex; align-items: center; justify-content: center; }
.starter-no-scroll { overflow: hidden; }