/* Garcia Family — Elevation (soft, diffuse, cool-tinted shadows) */
:root {
  --shadow-color: 210 28% 30%;

  --shadow-xs: 0 1px 2px hsl(var(--shadow-color) / 0.06);
  --shadow-sm: 0 2px 6px hsl(var(--shadow-color) / 0.07),
               0 1px 2px hsl(var(--shadow-color) / 0.05);
  --shadow-md: 0 6px 18px hsl(var(--shadow-color) / 0.08),
               0 2px 6px hsl(var(--shadow-color) / 0.05);
  --shadow-lg: 0 16px 36px hsl(var(--shadow-color) / 0.10),
               0 4px 12px hsl(var(--shadow-color) / 0.06);
  --shadow-xl: 0 28px 64px hsl(var(--shadow-color) / 0.14),
               0 8px 20px hsl(var(--shadow-color) / 0.08);

  /* Soft inner press */
  --shadow-inset: inset 0 1px 3px hsl(var(--shadow-color) / 0.10);

  /* Colored focus halo */
  --ring-focus: 0 0 0 4px hsl(212 55% 55% / 0.28);

  /* Semantic */
  --elevation-card:   var(--shadow-sm);
  --elevation-raised: var(--shadow-md);
  --elevation-popover:var(--shadow-lg);
  --elevation-modal:  var(--shadow-xl);
}