/* FUTURA Design System — Elevation & Shadow Tokens */
:root {
  --shadow-none:   none;
  --shadow-xs:     0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-sm:     0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.08);
  --shadow-md:     0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -2px rgba(0, 0, 0, 0.06);
  --shadow-lg:     0 10px 20px -3px rgba(0, 0, 0, 0.10), 0 4px 8px -4px rgba(0, 0, 0, 0.06);
  --shadow-xl:     0 20px 40px -5px rgba(0, 0, 0, 0.12), 0 8px 16px -6px rgba(0, 0, 0, 0.06);

  /* Component-specific */
  --shadow-card:       0 2px 8px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.04);
  --shadow-card-hover: 0 8px 24px rgba(27, 48, 128, 0.14), 0 2px 8px rgba(27, 48, 128, 0.08);
  --shadow-product:    rgba(0, 0, 0, 0.22) 3px 5px 30px 0;  /* product imagery only */
  --shadow-blue-glow:  0 0 24px rgba(30, 82, 192, 0.30);
  --shadow-teal-glow:  0 0 24px rgba(0, 181, 204, 0.30);
  --shadow-nav:        0 1px 0 rgba(0, 0, 0, 0.06);
  --shadow-inset:      inset 0 1px 2px rgba(0, 0, 0, 0.08);

  /* Focus rings */
  --focus-ring-primary: 0 0 0 3px rgba(30, 82, 192, 0.25);
  --focus-ring-accent:  0 0 0 3px rgba(0, 181, 204, 0.25);
}