/* MIRAGE — shape, rule, elevation, motion. Flat. Hard edges. */
:root {
  /* Radii — 0 everywhere. Only exception: floating close control. */
  --radius-cards: 0px;
  --radius-images: 0px;
  --radius-inputs: 0px;
  --radius-buttons: 0px;
  --radius-none: 0px;
  --radius-close-control: 50%;

  /* Rules */
  --rule-width: 1px;
  --rule-dark: 1px solid var(--color-black);
  --rule-light: 1px solid var(--color-white);

  /* Elevation — outline-only "shadows"; no soft drop shadows exist */
  --shadow-subtle: rgb(0, 0, 0) 0px 0px 0px 1px;
  --shadow-subtle-2: rgba(0, 0, 0, 0.55) 0px 0px 0px 1px;
  --shadow-focus: var(--color-focus-gray) 0px 0px 0px 1px;

  /* Motion — mechanical, short, linear-ish. No bounce. */
  --duration-fast: 120ms; /* @kind other */
  --duration-base: 200ms; /* @kind other */
  --ease-mechanical: cubic-bezier(0.2, 0, 0, 1); /* @kind other */
}