/* Elevation. Beneito Faure does not use drop shadows for depth — surfaces are
   flat and separated by hairline strokes. The one elevation in the system is
   the "glow": a warm halo that reads as emitted light, used on switch pills,
   light toggles and the thin light-lines in the About / Services modules. */

:root {
  /* Hairline borders (drawn as inset shadows in the source). */
  --stroke-hairline: inset 0 0 0 1px var(--color-stroke-subtle);
  --stroke-hairline-strong: inset 0 0 0 0.5px var(--basic-colors-grey-900);

  /* Warm light glow — light surfaces */
  --glow-light:
    0 0 4px 0 rgba(234, 198, 131, 0.4),
    0 0 2px 0 rgba(253, 253, 253, 0.25),
    0 0 1px 0 rgba(234, 198, 131, 0.4),
    0 0 8px 0 rgba(234, 198, 131, 0.4);

  /* Warm light glow — dark surfaces (adds the seating line under the pill) */
  --glow-dark:
    0 0 4px 0 rgba(234, 198, 131, 0.4),
    0 0 2px 0 rgba(253, 253, 253, 0.25),
    0 0 1px 0 rgba(234, 198, 131, 0.4),
    0 -0.7px 1px 0 rgba(0, 0, 0, 0.3),
    0 0 8px 0 rgba(234, 198, 131, 0.4);

  /* Overlay scrims used behind text on photography */
  --scrim-image: rgba(0, 0, 0, 0.25);
  --scrim-image-strong: rgba(0, 0, 0, 0.3);
}