/* Theme Variables - Light Mode (Default) */
:root {
    --primary-color: #4e73df;
    --primary-dark: #2e59d9;
    --secondary-color: #858796;
    --success-color: #1cc88a;
    --info-color: #36b9cc;
    --warning-color: #f6c23e;
    --danger-color: #e74a3b;
    --light-color: #f8f9fc;
    --dark-color: #5a5c69;

    /* Background colors */
    --bg-primary: #ffffff;
    --bg-secondary: #f8f9fc;
    --bg-tertiary: #eaecf4;

    /* Text colors */
    --text-primary: #5a5c69;
    --text-secondary: #858796;
    --text-muted: #6c757d;

    /* Border colors */
    --border-color: #e3e6f0;
    --border-light: #dddfeb;

    /* Card colors */
    --card-bg: #ffffff;
    --card-border: #e3e6f0;

    /* Table colors */
    --table-bg: #ffffff;
    --table-border: #e3e6f0;
    --table-hover: #f8f9fc;
    --table-header-bg: #f8f9fc;

    /* Sidebar */
    --sidebar-bg-start: #4e73df;
    --sidebar-bg-end: #224abe;
    --sidebar-text: #ffffff;
    --sidebar-hover: rgba(255, 255, 255, 0.1);

    --sidebar-width: 250px;
    --sidebar-collapsed-width: 80px;
    --navbar-height: 60px;

    --font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --border-radius: 0.35rem;
    --box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
}

/* Theme Variables - Dark Mode */
[data-theme="dark"] {
    --primary-color: #5a8df7;
    --primary-dark: #4c7de8;
    --secondary-color: #6c757d;
    --success-color: #28a745;
    --info-color: #17a2b8;
    --warning-color: #ffc107;
    --danger-color: #dc3545;
    --light-color: #2d3238;
    --dark-color: #e9ecef;

    /* Background colors */
    --bg-primary: #1a1d23;
    --bg-secondary: #212529;
    --bg-tertiary: #2d3238;

    /* Text colors */
    --text-primary: #e9ecef;
    --text-secondary: #adb5bd;
    --text-muted: #868e96;

    /* Border colors */
    --border-color: #3a3f47;
    --border-light: #2d3238;

    /* Card colors */
    --card-bg: #212529;
    --card-border: #3a3f47;

    /* Table colors */
    --table-bg: #212529;
    --table-border: #3a3f47;
    --table-hover: #2d3238;
    --table-header-bg: #2d3238;

    /* Sidebar */
    --sidebar-bg-start: #1a1d23;
    --sidebar-bg-end: #0f1115;
    --sidebar-text: #e9ecef;
    --sidebar-hover: rgba(255, 255, 255, 0.05);

    --box-shadow: 0 0.15rem 1.75rem 0 rgba(0, 0, 0, 0.3);
}