:root {
    /* Primary Colors */
    --primary: #61a6bb;
    --primary-dark: #338aa5;
    --primary-light: #6e80c9;
    --secondary: #6c757d;
    --success: #06d6a0;
    --info: #4cc9f0;
    --warning: #ffd166;
    --danger: #ef476f;

    /* Background & Text */
    --bg-dark: #212529;
    --bg-sidebar: #2c3e50;
    --bg-sidebar-hover: #34495e;
    --bg-content: #f8f9fa;
    --text-light: #f8f9fa;
    --text-muted: #adb5bd;
    --text-dark: #212529;

    /* Card & Borders */
    --card-bg: #ffffff;
    --border-color: #dee2e6;
    --shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);

    /* Gradients */
    --gradient-primary: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
}