/* ==========================================================================
   ELEVATION — Lamborghini Design System
   No drop shadows. On a black canvas, depth = surface color layering.
   Elevated elements are literally LIGHTER than their surroundings.
   ========================================================================== */

:root {
  /* --- The darkness gradient (elevation ladder) ---------------------- */
  --elev-0: var(--surface-abyss);    /* Abyss — deepest layer */
  --elev-1a: var(--surface-iron);    /* Surface — #181818 */
  --elev-1b: var(--surface-charcoal);/* Surface — #202020 */
  --elev-2: var(--overlay-70);       /* Overlay — modal / video dim */
  --elev-3: var(--overlay-50);       /* Fog — lighter overlay / hover */
  --elev-4: var(--overlay-25);       /* Mist — subtle depth hint */

  /* Shadows intentionally omitted — do not add box-shadow on the dark canvas.
     Use a lighter surface token to signal elevation instead. */
  --shadow-none: none;

  /* --- Motion --------------------------------------------------------- */
  /* Interactions are COLOR-ONLY: background / opacity shifts. No scale,
     no translate on hover. Transitions stay short and linear-ish. */
  --dur-fast: 120ms;   /* @kind other */
  --dur-base: 200ms;   /* @kind other */
  --ease-standard: cubic-bezier(0.4, 0.0, 0.2, 1); /* @kind other */
  --transition-color: background-color var(--dur-base) var(--ease-standard),
                      color var(--dur-base) var(--ease-standard),
                      opacity var(--dur-base) var(--ease-standard),
                      border-color var(--dur-base) var(--ease-standard); /* @kind other */
}