/*
 * Bootstrap ↔ Phoenix CSS variable bridge
 *
 * Phoenix uses --phoenix-*-rgb for color channels; Bootstrap utility classes
 * expect --bs-*-rgb.  This file maps one to the other so that any code using
 * rgba(var(--bs-danger-rgb), 0.4) or similar patterns works correctly with the
 * Phoenix theme in both light and dark modes.
 *
 * Load this file AFTER the Phoenix theme CSS and BEFORE any custom/page CSS.
 */

:root {
    --bs-primary-rgb:   var(--phoenix-primary-rgb,   56, 116, 255);
    --bs-secondary-rgb: var(--phoenix-secondary-rgb, 110, 120, 145);
    --bs-success-rgb:   var(--phoenix-success-rgb,    37, 176,   3);
    --bs-info-rgb:      var(--phoenix-info-rgb,        13, 202, 240);
    --bs-warning-rgb:   var(--phoenix-warning-rgb,   255, 193,   7);
    --bs-danger-rgb:    var(--phoenix-danger-rgb,    237,  32,   0);
    --bs-light-rgb:     var(--phoenix-light-rgb,     243, 244, 246);
    --bs-dark-rgb:      var(--phoenix-dark-rgb,       14,  23,  38);
}

.dark {
    --phoenix-link-color: #86a9ff;
}

.row {
    margin: 0;
}

.dropzone.dropzone-multiple .dz-image-container {
    margin: 0;
    padding: 0;
}