/* Elevation, from the Figma "Layout Tokens" frame. Light and dark carry
   separate shadow stacks; dark uses pure black at higher alpha. */
:root {
  --elevation-0: none;
  --elevation-1: 0px 2px 4px -1px rgba(6,16,59,0.05), 0px 1px 2px 0px rgba(6,16,59,0.05);
  --elevation-2: 0px 4px 12px -2px rgba(6,16,59,0.12), 0px 2px 4px 0px rgba(6,16,59,0.06);
  --elevation-3: 0px 8px 24px -4px rgba(6,16,59,0.14), 0px 4px 8px 0px rgba(6,16,59,0.06);
  --elevation-4: 0px 16px 40px -8px rgba(6,16,59,0.18), 0px 8px 16px 0px rgba(6,16,59,0.08);
}

:root[data-theme="dark"], .dark {
  --elevation-0: none;
  --elevation-1: 0px 2px 4px -1px rgba(0,0,0,0.16), 0px 1px 2px 0px rgba(0,0,0,0.16);
  --elevation-2: 0px 4px 12px -2px rgba(0,0,0,0.32), 0px 2px 4px 0px rgba(0,0,0,0.2);
  --elevation-3: 0px 8px 24px -4px rgba(0,0,0,0.4), 0px 4px 8px 0px rgba(0,0,0,0.2);
  --elevation-4: 0px 16px 40px -8px rgba(0,0,0,0.48), 0px 8px 16px 0px rgba(0,0,0,0.24);
}