/*
 * Learn With Isaac square design system.
 * Loaded last by every application shell so cards, controls, overlays and
 * page-specific components share one consistent corner treatment.
 */
:root {
    --bs-border-radius: 0;
    --bs-border-radius-sm: 0;
    --bs-border-radius-lg: 0;
    --bs-border-radius-xl: 0;
    --bs-border-radius-xxl: 0;
    --bs-border-radius-pill: 0;
    --bs-btn-border-radius: 0;
    --bs-form-control-border-radius: 0;
    --bs-form-select-border-radius: 0;
    --bs-card-border-radius: 0;
    --bs-modal-border-radius: 0;
    --bs-alert-border-radius: 0;
    --bs-badge-border-radius: 0;
}

body *,
body *::before,
body *::after {
    border-radius: 0 !important;
}

/* These shapes communicate function and remain circular. */
input[type="radio"],
.wait-spinner,
.spinner,
.spinner-border,
.spinner-grow,
.journey-progress-ring,
.journey-progress-ring > div,
.course-progress__ring,
.course-progress__ring::after,
.whatsapp-support-button,
.whatsapp-support-button::before,
.whatsapp-support-button__icon {
    border-radius: 50% !important;
}