/* /volunteer_ui/static/src/css/volunteer_theme.css */
 .vol-theme, #pd-checkin-modal{--vol-accent: var(--o-color-1, var(--bs-primary, #009c93)); --vol-accent-deep: #006f6d; --vol-accent-soft: #e1f5f1; --vol-accent-border: #b8e3dc; --vol-accent-ring: rgba(0, 156, 147, .18); --vol-accent-glow: rgba(0, 156, 147, .25); --vol-navy: #073b62; --vol-navy-shadow: rgba(7, 59, 98, .08);}@supports (color: color-mix(in srgb, red, blue)){.vol-theme, #pd-checkin-modal{--vol-accent-deep: color-mix(in srgb, var(--vol-accent) 70%, black); --vol-accent-soft: color-mix(in srgb, var(--vol-accent) 12%, white); --vol-accent-border: color-mix(in srgb, var(--vol-accent) 30%, white); --vol-accent-ring: color-mix(in srgb, var(--vol-accent) 18%, transparent); --vol-accent-glow: color-mix(in srgb, var(--vol-accent) 25%, transparent); --vol-navy: color-mix(in srgb, var(--vol-accent) 35%, #0b1f2e); --vol-navy-shadow: color-mix(in srgb, var(--vol-navy) 8%, transparent);}}.vol-theme, #pd-checkin-modal{--pc-teal: var(--vol-accent); --pc-teal-deep: var(--vol-accent-deep); --pc-teal-soft: var(--vol-accent-soft); --pc-navy: var(--vol-navy); --pv-teal: var(--vol-accent); --pv-teal-deep: var(--vol-accent-deep); --pv-teal-soft: var(--vol-accent-soft); --pv-navy: var(--vol-navy);}