:root{
--radius-xs:6px;--radius-s:10px;--radius-m:14px;--radius-l:20px;--radius-xl:28px;--radius-pill:999px;
--border-w:1px;--border-w-strong:2px; /* @kind spacing */
--shadow-xs:0 1px 2px rgba(0,0,0,.28);
--shadow-s:0 2px 8px rgba(0,0,0,.32);
--shadow-m:0 8px 24px rgba(0,0,0,.38);
--shadow-l:0 20px 56px rgba(0,0,0,.46);
--shadow-brand:0 12px 32px rgba(58,47,233,.38);
--shadow-brand-pink:0 12px 32px rgba(209,92,205,.30);
--shadow-light-s:0 1px 3px rgba(20,19,26,.08);
--shadow-light-m:0 6px 20px rgba(20,19,26,.10);
--shadow-light-l:0 18px 48px rgba(20,19,26,.14);
--ring-focus:0 0 0 3px rgba(108,121,255,.45);
--inner-hairline:inset 0 1px 0 rgba(255,255,255,.06); /* @kind shadow */
--blur-glass:saturate(160%) blur(18px); /* @kind other */
--overlay-scrim:rgba(11,10,13,.72); /* @kind other */
--protect-bottom:linear-gradient(180deg,rgba(11,10,13,0) 0%,rgba(11,10,13,.85) 100%); /* @kind other */
/* The plus-tile texture used across Sylla creative */
--texture-plus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M20 15v10M15 20h10' stroke='rgba(255,255,255,0.16)' stroke-width='1.4'/%3E%3C/svg%3E"); /* @kind other */
}