/* Eleven Royal Terrace — motion, radius & shadow tokens
   The brand uses almost no rounding or shadow: flat hairline-bordered
   panels, sharp corners, and one deep shadow reserved for the room drawer. */
:root {
  --ease-standard: cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */

  --duration-fast: 200ms; /* @kind other */
  --duration-base: 280ms; /* @kind other */
  --duration-slow: 400ms; /* @kind other */
  --duration-reveal: 900ms; /* @kind other */
  --duration-crossfade: 2200ms; /* @kind other */

  /* Radius — the brand is almost entirely square-cornered; round only for
     icon-buttons and the drawer close control. */
  --radius-none: 0px;
  --radius-pill: 999px;
  --radius-circle: 50%;

  /* Shadow — reserved for the one overlay surface (room drawer) */
  --shadow-drawer: -40px 0 80px rgba(0, 0, 0, 0.18);
  --shadow-focus-chip: 0 2px 8px rgba(0, 0, 0, 0.15);

  --blur-panel: 14px;
  --blur-chip: 8px;
}