/* ============================================================
   CÁDIZ BUS — RADIUS, SHADOW & MOTION TOKENS
   ============================================================ */
:root {
  /* --- Corner radii --- */
  --radius-chip: 6px;     /* line chip on the board */
  --radius-pill: 999px;   /* line badge, segmented control */
  --radius-sm: 8px;       /* buttons, nav CTA */
  --radius-md: 10px;      /* primary hero button */
  --radius-lg: 0.75rem;   /* app cards, banners (12px) */
  --radius-xl: 14px;      /* flow steps */
  --radius-2xl: 16px;     /* oss card */
  --radius-3xl: 18px;     /* arrivals board */
  --radius-phone: 30px;   /* phone frame */

  /* --- Shadows --- */
  --shadow-card: 0 1px 2px rgba(7, 27, 44, 0.06), 0 12px 32px -12px rgba(7, 27, 44, 0.22);
  --shadow-banner: 0 2px 8px rgba(0, 0, 0, 0.2);
  --shadow-board: 0 30px 60px -25px rgba(3, 12, 20, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.05);
  --shadow-marker: 0 0 0 4px rgba(11, 61, 100, 0.25), 0 1px 3px rgba(0, 0, 0, 0.4);

  /* --- Motion --- */
  --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1); /* @kind other */
  --ease-standard: cubic-bezier(0.2, 0.7, 0.2, 1); /* @kind other */
  --dur-fast: 0.15s;   /* @kind other */
  --dur-base: 0.3s;    /* @kind other */
  --dur-slow: 0.6s;    /* @kind other */

  /* --- Focus ring --- */
  --focus-ring: 2px solid var(--teal-400);
  --focus-offset: 3px;
}