/* =====================================================================
   casa360-diepte.css — vaste diepte-laag (goedgekeurde uitzondering
   14-07-2026, aangescherpt in handoff 2.0). Basis blijft 1px-lijnen en
   paneel-tinten; dáárbovenop: subtiele schaduw op tegels/kaarten en
   knoppen, gradient uitsluitend op primaire knoppen. Uitsluitend via
   de diepte-tokens in casa360-tokens.css — nooit losse literals.
===================================================================== */

/* kaarten en KPI-tegels: subtiele schaduw bovenop de 1px-rand */
.kaart { box-shadow: var(--schaduw-tegel); }
.bs-stat {
  box-shadow: var(--schaduw-tegel);
  transition: transform var(--overgang), box-shadow var(--overgang);
}
button.bs-stat:hover { transform: translateY(-2px); box-shadow: var(--schaduw-tegel-hover); }
@media (prefers-reduced-motion: reduce) { button.bs-stat:hover { transform: none; } }

/* primaire knoppen: gradient + zachte gloed (enige gradient-plek) */
.btn--primary { background: var(--gradient-primair); box-shadow: var(--schaduw-knop); }
.btn--primary:hover { background: var(--gradient-primair-hover); }

/* klantpagina: zelfde regels */
.kl-knop--primair { background: var(--gradient-primair); box-shadow: var(--schaduw-knop); }
.kl-knop--primair:hover { background: var(--gradient-primair-hover); }