/* Design style "rounded" (the default): medium corner radii, light layered shadows.
   Every style-*.css sets the same tokens; appearance-base.css applies them to the components. */
:root {
    --alefba-radius-sm: 10px;
    --alefba-radius: 16px;
    --alefba-radius-lg: 22px;
    --alefba-shadow-sm: 0 8px 24px rgba(22, 34, 61, .06);
    --alefba-shadow: 0 18px 44px rgba(22, 34, 61, .09);
    --alefba-sidebar-shadow: -10px 0 34px rgba(22, 34, 61, .08);
    --alefba-border-width: 1px;

    --front-radius-sm: 14px;
    --front-radius-md: 22px;
    --front-radius-lg: 32px;
    --front-shadow-sm: 0 8px 24px rgba(22, 34, 61, .06);
    --front-shadow-lg: 0 28px 80px rgba(30, 44, 78, .12);

    --bs-border-radius-sm: 8px;
    --bs-border-radius: 10px;
    --bs-border-radius-lg: 16px;
    --bs-border-radius-xl: 22px;
    --bs-border-radius-xxl: 28px;
    --bs-border-radius-pill: 50rem;
}

[data-bs-theme="dark"] {
    --alefba-shadow-sm: 0 8px 24px rgba(0, 0, 0, .16);
    --alefba-shadow: 0 18px 44px rgba(0, 0, 0, .22);
    --alefba-sidebar-shadow: -10px 0 35px rgba(10, 18, 34, .2);
}