:root {
    /* Modal Styling */
    --modal-bg: #fff;
    --modal-overlay: rgba(0, 0, 0, 0.4);
    --modal-border-radius: 12px;
    --modal-border-color: #ccc;
    --modal-width: fit-content;
    --modal-padding: 20px;
    --modal-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    /* Header & Footer */
    --modal-header-bg: #fff;
    --modal-footer-bg: #fff;
    /* Button Colors */
    --btn-primary-bg: #007bff;
    --btn-primary-hover-bg: #0056b3;
    --btn-secondary-bg: #6c757d;
    --btn-secondary-hover-bg: #545b62;
    --btn-text-color: white;
}