/* Shadows — deliberately very light. Default card elevation is a hairline border. */
:root{
  --shadow-none:none;
  --shadow-xs:0 1px 2px rgba(17,24,39,.04);
  --shadow-sm:0 2px 6px rgba(17,24,39,.06);
  --shadow-md:0 8px 24px rgba(17,24,39,.08);
  --shadow-slide:0 8px 40px rgba(17,24,39,.10);
  --shadow-focus:0 0 0 3px rgba(0,189,168,.32);

  --elevation-card:var(--shadow-none);
  --elevation-card-hover:var(--shadow-sm);
  --elevation-popover:var(--shadow-md);
}