/* Elevation. The brief measures one shadow value used for both card and
   elevated roles: rgba(0,0,0,.25) 0 8px 16px 0. A lighter --shadow-raised is
   derived for hover lift on small controls. */
:root {
  --shadow-card: rgba(0, 0, 0, 0.25) 0px 8px 16px 0px;
  --shadow-elevated: rgba(0, 0, 0, 0.25) 0px 8px 16px 0px;
  --shadow-raised: rgba(25, 25, 27, 0.16) 0px 4px 10px 0px;
  --shadow-none: none;
  --focus-ring: 0 0 0 2px var(--surface-card), 0 0 0 4px var(--border-focus);
}