/* LabApp Studio — Radii, shadows, borders, motion
   The apps use generously rounded cards (~18–22px), pill controls, and soft
   dark elevation with a faint top sheen. Colored tiles glow with their own hue. */
:root {
  /* Radii */
  --radius-xs: 8px;
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 20px;    /* standard card */
  --radius-xl: 26px;    /* hero / vehicle card */
  --radius-pill: 999px;
  --radius-tile: 22px;

  /* Borders */
  --border-hairline: 1px solid var(--line);
  --border-strong: 1px solid var(--line-strong);

  /* Shadows — dark UI relies on glow + depth, not grey drop shadows */
  --shadow-card: 0 1px 0 rgba(255,255,255,0.04) inset, 0 8px 24px rgba(0,0,0,0.45);
  --shadow-raised: 0 12px 32px rgba(0,0,0,0.55);
  --shadow-tile-blue: 0 10px 26px rgba(59,111,224,0.45);
  --shadow-tile-orange: 0 10px 26px rgba(219,90,31,0.40);
  --shadow-tile-purple: 0 10px 26px rgba(140,64,227,0.42);
  --glow-alert: 0 0 24px rgba(239,68,68,0.35);
  --glow-teal: 0 0 20px rgba(0,183,187,0.35);

  /* Focus */
  --ring: 0 0 0 3px rgba(81,199,226,0.45); /* @kind shadow */

  /* Motion — quick, gentle ease; no bounce in-product */
  --ease-standard: cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --dur-fast: 120ms; /* @kind other */
  --dur-base: 200ms; /* @kind other */
  --dur-slow: 320ms; /* @kind other */
  --press-scale: 0.97; /* @kind other */
}