/* Master Stylesheet - AccuWebCloud
    Contains: Global Variables, Shared UI Components, and Page-specific Styles
*/

:root {
    /* Main Brand Colors */
    --primary-color: #6366f1;
    --primary-hover: #4f46e5;
    --secondary-color: #a855f7;
    
    /* Text Colors */
    --text-main: #0f172a;
    --text-muted: #64748b;
    --text-light: #ffffff;
    --text-slate: #1e293b;
    
    /* Backgrounds */
    --bg-body: #ffffff;
    --bg-alt: #f8fafc;
    --bg-dark: #0f172a;
    
    /* Design Elements */
    --radius-main: 1.5rem;
    --radius-btn: 0.75rem;
    --shadow-sm: 0 10px 15px -3px rgba(0, 0, 0, 0.05);
    --shadow-indigo: 0 20px 25px -5px rgba(99, 102, 241, 0.2);
    --shadow-light: 0 20px 25px -5px rgba(99, 102, 241, 0.1);
}

/* --- 1. Base Styles --- */
body {font-family: 'Inter', sans-serif; background-color: var(--bg-body); color: var(--text-slate); line-height: 1.5;}