:root {
    /* Primary Colors */
    --primary-color: #0d6efd;
    --primary-hover: #0b5ed7;
    /* Background Colors */
    --background-primary: #ffffff;
    --background-secondary: #f8f9fa;
    --background-light: #f6f6f6;
    --header-bg: #0d6efd;
    /* Text Colors */
    --text-primary: #212529;
    --text-secondary: #6c757d;
    --text-white: #ffffff;
    --text-muted: #6c757d;
    --text-link: #0d6efd;
    /* Button Colors */
    --btn-primary: #0d6efd;
    --btn-primary-hover: #0b5ed7;
    --btn-success: #198754;
    --btn-danger: #dc3545;
    --btn-light: #f8f9fa;
    --btn-warning: #ffc107;
    --btn-info: #0dcaf0;
    /* Border Colors */
    --border-color: #dee2e6;
    --border-light: #f8f9fa;
    /* Alert/Notification Colors */
    --alert-success: #198754;
    --alert-danger: #dc3545;
    --alert-warning: #ffc107;
    --alert-info: #0dcaf0;
    /* Price Colors */
    --price-color: #212529;
    --price-discount: #dc3545;
    --price-strikethrough: #6c757d;
    /* Card Colors */
    --card-bg: #ffffff;
    --card-border: #dee2e6;
    /* Form Colors */
    --form-bg: #ffffff;
    --form-border: #ced4da;
    --form-focus: #86b7fe;
    /* Badge Colors */
    --badge-warning: #ffc107;
    --badge-success: #198754;
    --badge-secondary: #6c757d;
    /* Divider Colors */
    --divider-color: #dee2e6;
    /* Link Colors */
    --link-color: #0d6efd;
    --link-hover: #0a58ca;
    /* Icon Colors */
    --icon-color: #212529;
    --icon-hover: #0d6efd;
    /* Table Colors */
    --table-header-bg: #f8f9fa;
    --table-border: #dee2e6;
    /* Modal Colors */
    --modal-bg: #ffffff;
    --modal-header-bg: #ffffff;
    /* Spinner/Loader Colors */
    --spinner-color: #0d6efd;
    /* Other Colors */
    --shadow-color: rgba(0, 0, 0, 0.15);
    --overlay-color: rgba(0, 0, 0, 0.5);
}