:root {
    /* General Colors */
    --primary-color: #0094ff;
    --secondary-color: #10b981;
    --body-bg-color: #f5f8fa;
    --body-font-color: #212529;
    --title-color: #000000;
    --border-color: #e1e1e1;

    /* Widget counter numbers (semantic slots; default = title color) */
    --counter-color: var(--title-color);
    --counter-color-success: var(--title-color);
    --counter-color-warning: var(--title-color);
    --counter-color-danger: var(--title-color);
    --counter-color-info: var(--title-color);
    --card-body-color: #ffffff;
    --box-shadow: 0px 3px 13px -5px rgb(0 0 0 / 0.1);
    --card-border-radius: 12px;
    --title-font-weight: 600;

    /* Sidebar Colors */
    --sidebar-bg: #0f1d40;
    --sidebar-link-color: #e0e6eb;
    --sidebar-active-bg: #2d4071;
    --sidebar-active-color: #ffffff;

    /* Button Colors */
    --primary-button-color: #0094ff;
    --secondary-button-color: #f1f6fa;
    --border-button-color: #dee2e6;
    --primary-button-font-color: #ffffff;
    --secondary-button-font-color: #212529;
    --border-button-font-color: #212529;
    --button-border-radius: 4px;

    /* Header Colors */
    --header-bg: #222d32;
    --header-link-color: #ffffff;
    --primary-header-color: #ffffff;
    --secondary-header-color: #ffffff;
    --primary-header-font-color: #212529;
    --secondary-header-font-color: #212529;
    
    /* Main Content */
    --main-content-bg: #ffffff;

    /* Chat (messages / chatting.php) */
    --chat-card-bg: #ffffff;
    --chat-card-bg-secondary: #e6f0f9;
    --chat-body-bg: #f5f8fa;
    --chat-title-color: #212529;
    --chat-buttons-color: #0094ff;
    --chat-buttons-text-color: #ffffff;
    --chat-time-text-color: #757575;
    --chat-font-size: 14px;
    --chat-font-weight: 400;
}

/* Keep login button at full opacity while disabled (avoid "faded" look) */
#loginSubmitBtn:disabled,
#loginSubmitBtn[disabled] {
    opacity: 1 !important;
}