/**
 * GlobalCSS — Elevation
 * Sombras multi-nivel + border-radius tokens.
 * Ref: design-style-guide.md §5 Elevación y profundidad
 */

/* ── Sombras ── */

.gs-shadow-0 { box-shadow: none; }
.gs-shadow-1 { box-shadow: 0 1px 3px rgba(0,0,0,0.06); }
.gs-shadow-1b {
    box-shadow:
        0 0.5px 0 rgba(0,0,0,0.04),
        0 2px 6px rgba(0,0,0,0.04);
}
.gs-shadow-2 { box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
.gs-shadow-3 { box-shadow: 0 8px 30px rgba(0,0,0,0.12); }
.gs-shadow-4 { box-shadow: 0 12px 40px rgba(0,0,0,0.16); }

/* ── Border radius tokens ── */

.gs-radius-sm  { border-radius: 6px; }
.gs-radius-md  { border-radius: var(--border-radius-md, 8px); }
.gs-radius-lg  { border-radius: 12px; }
.gs-radius-pill { border-radius: 50px; }
.gs-radius-squircle { border-radius: 10px; }