/* Tehzeeb Mithai — Radii, borders & elevation
 * Cards round softly at 10px; pills use a very large radius (~95px). Shadows
 * are quiet — a single soft drop on floating controls, plus dark overlay
 * gradients used to seat white text over photography.
 */
:root {
  --radius-sm: 5px;
  --radius-md: 10px;        /* the default card radius everywhere */
  --radius-pill: 95px;      /* buttons, chips, eyebrow pills */
  --radius-round: 50%;

  --border-w-hairline: 0.5px;
  --border-w-thin: 0.8px;
  --border-w-card: 1px;

  /* Elevation */
  --shadow-control: 0px 3px 25px 0px rgba(0, 0, 0, 0.25);  /* round carousel buttons */
  --shadow-soft: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  --shadow-card: 0px 8px 30px 0px rgba(60, 0, 13, 0.12);

  /* Protection gradient — seats white text on the bottom of imagery */
  --scrim-bottom: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);        /* @kind other */
  --scrim-bottom-strong: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);   /* @kind other */
}