:root {
    --border-radius-none: 0px;
    --border-radius-xs: 2px;
    --border-radius-sm: 6px;
    --border-radius-md: 5px;
    --border-radius-banner: 12px;
    --border-radius-lg: 14px;
    --border-radius-xl: 18px;
    --border-radius-xxl: 24px;
    /* ===== SPECIAL ===== */
    --border-radius-round: 50%;
    --border-radius-pill: 999px;
    /* ===== COMPONENT DEFAULTS ===== */
    /* Buttons */
    --border-radius-button: var(--border-radius-md);
    /* Inputs / Dropdowns */
    --border-radius-input: var(--border-radius-md);
    /* Cards */
    --border-radius-card: var(--border-radius-lg);
    /* Modals / Drawers */
    --border-radius-modal: var(--border-radius-xl);
    /* Chips / Tags / Badges */
    --border-radius-badge: var(--border-radius-pill);
}