/* Shadows & elevation — Albo Deuren
   Soft, low, warm-tinted shadows. The brand favours calm and restraint,
   so elevation is subtle — cards lift gently rather than float. */
:root {
  /* warm shadow tint derived from bruin */
  --shadow-color: 30 18% 24%;

  --shadow-xs: 0 1px 2px hsl(var(--shadow-color) / 0.06);
  --shadow-sm: 0 1px 3px hsl(var(--shadow-color) / 0.07),
               0 1px 2px hsl(var(--shadow-color) / 0.05);
  --shadow-md: 0 4px 12px hsl(var(--shadow-color) / 0.08),
               0 2px 4px hsl(var(--shadow-color) / 0.05);
  --shadow-lg: 0 12px 28px hsl(var(--shadow-color) / 0.10),
               0 4px 10px hsl(var(--shadow-color) / 0.06);
  --shadow-xl: 0 24px 56px hsl(var(--shadow-color) / 0.14),
               0 8px 18px hsl(var(--shadow-color) / 0.08);

  /* focus + inner */
  --shadow-focus: 0 0 0 3px var(--focus-ring);
  --shadow-inset: inset 0 1px 2px hsl(var(--shadow-color) / 0.08);

  /* semantic */
  --elevation-card: var(--shadow-sm);
  --elevation-card-hover: var(--shadow-md);
  --elevation-popover: var(--shadow-lg);
  --elevation-modal: var(--shadow-xl);

  /* transitions / motion — gentle, no bounce */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);   /* @kind other */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);       /* @kind other */
  --duration-fast: 120ms;   /* @kind other */
  --duration-base: 200ms;   /* @kind other */
  --duration-slow: 320ms;   /* @kind other */
  --transition-base: all var(--duration-base) var(--ease-standard);
}