/*
 * Shape, as M3's corner scale.
 *
 * Values from @material/web's token files (Apache-2.0, © Google LLC). `full` is a large
 * length rather than @material/web's `50cqmin`, which resolves against a container an
 * application may never declare.
 *
 * As utilities: rounded-corner-xs … rounded-corner-full.
 */

@layer material.reset, material.tokens, material.base, material.layout, material.components, material.text, material.visibility;

@layer material.tokens {
    :root {
        --md-sys-shape-corner-none: 0px;
        --md-sys-shape-corner-xs: 4px;
        --md-sys-shape-corner-sm: 8px;
        --md-sys-shape-corner-md: 12px;
        --md-sys-shape-corner-lg: 16px;
        --md-sys-shape-corner-lg-increased: 20px;
        --md-sys-shape-corner-xl: 28px;
        --md-sys-shape-corner-xl-increased: 32px;
        --md-sys-shape-corner-xxl: 48px;
        --md-sys-shape-corner-full: 9999px;
    }
}