:root{
  --radius-card:14px;
  --radius-control:10px;
  --radius-sm:6px;
  --radius-badge:6px;
  --radius-pill:999px;
  --radius-logo:12px;

  --border-width:1px;

  /* shadows are restrained — surfaces separate by value + hairline border, not by drop shadow */
  --shadow-none:none;
  --shadow-card:0 1px 2px rgba(0,0,0,.30);
  --shadow-raised:0 8px 24px -12px rgba(0,0,0,.60);
  --shadow-popover:0 16px 40px -16px rgba(0,0,0,.70);
  --shadow-inset-top:inset 0 1px 0 rgba(255,255,255,.04);
  --ring-focus:0 0 0 2px var(--color-bg),0 0 0 4px var(--focus-ring);
}

[data-theme="light"]{
  --shadow-card:0 1px 2px rgba(9,9,11,.06);
  --shadow-raised:0 8px 24px -14px rgba(9,9,11,.18);
  --shadow-popover:0 16px 40px -18px rgba(9,9,11,.22);
  --shadow-inset-top:inset 0 1px 0 rgba(255,255,255,.7);
}