:root{
--radius-pill:999px;
--radius-card:28px;
--radius-card-lg:32px;
--radius-squircle:26px;    /* app-icon style mark tile */
--radius-media:20px;       /* image well inside a card */
--radius-field:14px;
--radius-chip:999px;

--border-width:2px;        /* brand hairlines are 2px, not 1px */
--border-paper:2px solid var(--line);
--border-white:2px solid var(--line-soft);

/* Shadows are used sparingly: flat colour blocks are the default.
   Only floating UI (menus, player bar, dialogs) gets a shadow. */
--shadow-none:none;
--shadow-raise:0 2px 0 0 rgba(32,30,29,0.06);
--shadow-float:0 10px 30px -12px rgba(14,93,106,0.35);
--shadow-dialog:0 24px 60px -20px rgba(32,30,29,0.45);
}