/* frontend/assets/css/base.css */

:root {
    /* --- Color Palette (Purple & White Theme) --- */
    --primary-color: #6c5ce7;       /* Main Purple */
    --primary-dark: #5849be;        /* Darker Purple for hover */
    --primary-light: #a29bfe;       /* Lighter Purple */
    --accent-color: #00cec9;        /* Teal for highlights/stats */
    
    --bg-body: #f4f6f9;             /* Light Grey Background (SaaS look) */
    --bg-white: #ffffff;            /* Pure White for Cards */
    --bg-sidebar: #ffffff;          /* White Sidebar */
    
    --text-main: #2d3436;           /* Dark Grey (Not pure black) */
    --text-muted: #636e72;          /* Grey text */
    --text-light: #b2bec3;          
    
    --border-color: #dfe6e9;
    --shadow-sm: 0 2px 4px rgba(0,0,0,0.05);
    --shadow-md: 0 4px 6px rgba(0,0,0,0.07);
    
    /* --- Typography --- */
    --font-family: 'Inter', 'Segoe UI', sans-serif;
    --font-size-base: 15px;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--font-family);
    background-color: var(--bg-body);
    color: var(--text-main);
    font-size: var(--font-size-base);
    line-height: 1.6;
}

a {
    text-decoration: none;
    color: inherit;
    transition: 0.3s ease;
}

ul {
    list-style: none;
}

/* Helpers */
.text-primary { color: var(--primary-color) !important; }
.text-success { color: #00b894 !important; }
.text-danger { color: #d63031 !important; }
.fw-bold { font-weight: 600; }
.d-flex { display: flex; }
.align-center { align-items: center; }
.justify-between { justify-content: space-between; }
.mb-2 { margin-bottom: 0.5rem; }
.mb-4 { margin-bottom: 1.5rem; }