/* ============================================================
   SOLARLUX — ELEVATION, MOTION, EFFECTS
   Restrained, architectural. Shadows are soft, cool-neutral and
   low-spread (glass & concrete catch diffuse light, not drop shadows).
   Motion is calm and precise — no bounce, no overshoot.
   ============================================================ */
:root {
  /* --- Shadows (cool grey, low-contrast) --- */
  --shadow-none: none;
  --shadow-xs:   0 1px 2px rgba(29, 29, 27, 0.06);
  --shadow-sm:   0 1px 3px rgba(29, 29, 27, 0.08), 0 1px 2px rgba(29, 29, 27, 0.04);
  --shadow-md:   0 4px 12px rgba(29, 29, 27, 0.08);
  --shadow-lg:   0 10px 30px rgba(29, 29, 27, 0.10);
  --shadow-xl:   0 24px 60px rgba(29, 29, 27, 0.14);

  /* Focus ring — brand red, offset like a crisp glazing edge */
  --focus-ring: 0 0 0 3px rgba(213, 16, 48, 0.28);

  /* --- Motion --- */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --ease-in:       cubic-bezier(0.4, 0, 1, 1); /* @kind other */
  --dur-fast:      120ms; /* @kind other */
  --dur-base:      200ms; /* @kind other */
  --dur-slow:      360ms; /* @kind other */

  /* --- Overlay --- */
  --overlay-scrim: rgba(29, 29, 27, 0.55);
  --backdrop-blur: 8px;
}