/**
 * Light Theme
 * 
 * Color variables for the light theme.
 * Applied when body has class "theme-light"
 */

.theme-light {
    /* -----------------------------------------------------------------------------
       CORE COLORS
       ----------------------------------------------------------------------------- */
    --color-primary: #0d6efd;
    --color-primary-hover: #0b5ed7;
    --color-primary-rgb: 13, 110, 253;

    --color-secondary: #6c757d;
    --color-secondary-hover: #5c636a;

    --color-success: #198754;
    --color-success-hover: #157347;

    --color-danger: #dc3545;
    --color-danger-hover: #bb2d3b;

    --color-warning: #ffc107;
    --color-warning-hover: #ffca2c;

    --color-info: #0dcaf0;
    --color-info-hover: #31d2f2;

    /* -----------------------------------------------------------------------------
       BACKGROUNDS
       ----------------------------------------------------------------------------- */
    --bg-body: #ccd5db;
    --bg-surface: #d8dee3;
    --bg-elevated: #e6eaee;
    --bg-overlay: rgba(0, 0, 0, 0.5);

    /* Card backgrounds */
    --bg-card: #e6eaee;
    --bg-card-hover: #dfe4e8;
    --bg-card-header: #d8dee3;

    /* Form backgrounds */
    --bg-input: #ffffff;
    --bg-input-disabled: #d8dee3;
    --bg-input-focus: #ffffff;

    /* -----------------------------------------------------------------------------
       TEXT COLORS
       ----------------------------------------------------------------------------- */
    --text-primary: #212529;
    --text-secondary: #6c757d;
    --text-muted: #868e96;
    --text-inverse: #ffffff;

    /* Link colors */
    --link-color: #0d6efd;
    --link-hover: #0b5ed7;
    --link-visited: #6610f2;

    /* -----------------------------------------------------------------------------
       BORDERS
       ----------------------------------------------------------------------------- */
    --border-color: #bcc5cc;
    --border-color-light: #d0d7dd;
    --border-color-dark: #a3adb5;

    --border-width: 1px;
    --border-style: solid;

    /* -----------------------------------------------------------------------------
       BUTTONS
       ----------------------------------------------------------------------------- */
    /* Primary button */
    --btn-primary-bg: #0d6efd;
    --btn-primary-text: #ffffff;
    --btn-primary-border: #0d6efd;
    --btn-primary-hover-bg: #0b5ed7;
    --btn-primary-hover-border: #0a58ca;

    /* Secondary button */
    --btn-secondary-bg: #6c757d;
    --btn-secondary-text: #ffffff;
    --btn-secondary-border: #6c757d;
    --btn-secondary-hover-bg: #5c636a;
    --btn-secondary-hover-border: #565e64;

    /* Outline button */
    --btn-outline-border: #0d6efd;
    --btn-outline-text: #0d6efd;
    --btn-outline-hover-bg: #0d6efd;
    --btn-outline-hover-text: #ffffff;

    /* -----------------------------------------------------------------------------
       FORMS
       ----------------------------------------------------------------------------- */
    --input-bg: #ffffff;
    --input-text: #212529;
    --input-border: #ced4da;
    --input-placeholder: #6c757d;

    --input-focus-border: #86b7fe;
    --input-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);

    --input-disabled-bg: #e9ecef;
    --input-disabled-text: #6c757d;

    /* -----------------------------------------------------------------------------
       TABLES
       ----------------------------------------------------------------------------- */
    --table-bg: transparent;
    --table-border: #bcc5cc;
    --table-stripe-bg: rgba(0, 0, 0, 0.03);
    --table-hover-bg: rgba(0, 0, 0, 0.05);
    --table-active-bg: rgba(0, 0, 0, 0.08);

    /* -----------------------------------------------------------------------------
       NAVIGATION
       ----------------------------------------------------------------------------- */
    --nav-bg: #e6eaee;
    --nav-border: #bcc5cc;
    --nav-link: #495057;
    --nav-link-hover: #0d6efd;
    --nav-link-active: #0d6efd;

    /* Header */
    --header-bg: #e6eaee;
    --header-text: #212529;
    --header-border: #bcc5cc;
    --header-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);

    /* Footer */
    --footer-bg: #d8dee3;
    --footer-text: #6c757d;
    --footer-border: #bcc5cc;

    /* -----------------------------------------------------------------------------
       ALERTS
       ----------------------------------------------------------------------------- */
    --alert-success-bg: #d1e7dd;
    --alert-success-text: #0f5132;
    --alert-success-border: #badbcc;

    --alert-danger-bg: #f8d7da;
    --alert-danger-text: #842029;
    --alert-danger-border: #f5c2c7;

    --alert-warning-bg: #fff3cd;
    --alert-warning-text: #664d03;
    --alert-warning-border: #ffecb5;

    --alert-info-bg: #cff4fc;
    --alert-info-text: #055160;
    --alert-info-border: #b6effb;

    /* -----------------------------------------------------------------------------
       BADGES
       ----------------------------------------------------------------------------- */
    --badge-bg: #6c757d;
    --badge-text: #ffffff;

    /* -----------------------------------------------------------------------------
       MODALS
       ----------------------------------------------------------------------------- */
    --modal-bg: #e6eaee;
    --modal-border: #bcc5cc;
    --modal-header-bg: #d8dee3;
    --modal-header-border: #bcc5cc;
    --modal-footer-bg: #d8dee3;
    --modal-footer-border: #bcc5cc;
    --modal-backdrop: rgba(0, 0, 0, 0.5);

    /* -----------------------------------------------------------------------------
       PAGINATION
       ----------------------------------------------------------------------------- */
    --pagination-bg: #e6eaee;
    --pagination-text: #0d6efd;
    --pagination-border: #bcc5cc;
    --pagination-hover-bg: #d8dee3;
    --pagination-hover-text: #0a58ca;
    --pagination-active-bg: #0d6efd;
    --pagination-active-text: #ffffff;
    --pagination-disabled-bg: #e6eaee;
    --pagination-disabled-text: #6c757d;

    /* -----------------------------------------------------------------------------
       TOOLTIPS & POPOVERS
       ----------------------------------------------------------------------------- */
    --tooltip-bg: #000000;
    --tooltip-text: #ffffff;
    --popover-bg: #e6eaee;
    --popover-border: #bcc5cc;

    /* -----------------------------------------------------------------------------
       CODE & SYNTAX
       ----------------------------------------------------------------------------- */
    --code-bg: #d8dee3;
    --code-text: #d63384;
    --code-border: #bcc5cc;

    --pre-bg: #d8dee3;
    --pre-text: #212529;
    --pre-border: #bcc5cc;

    /* -----------------------------------------------------------------------------
       SCROLLBAR (Webkit browsers)
       ----------------------------------------------------------------------------- */
    --scrollbar-track: #f1f1f1;
    --scrollbar-thumb: #888888;
    --scrollbar-thumb-hover: #555555;

    /* -----------------------------------------------------------------------------
       MISCELLANEOUS
       ----------------------------------------------------------------------------- */
    --divider: #bcc5cc;
    --focus-ring: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --disabled-opacity: 0.65;
}