/* OLS shape: pills and ovals from the logo, hairlines instead of shadows. */
:root{
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 999px;
  --radius-oval: 50%;

  --border-hairline: 1px solid var(--ols-charcoal-12);
  --border-strong: 1px solid var(--ols-charcoal-24);
  --border-ink: 1.5px solid var(--ols-charcoal);
  --border-width: 1px; /* @kind spacing */

  /* shadows are near-absent: one lift for sheets/overlays only */
  --shadow-none: none;
  --shadow-sheet: 0 -8px 32px rgba(42,38,37,0.10);
  --shadow-lift: 0 2px 10px rgba(42,38,37,0.07);

  /* focus ring */
  --focus-ring: 2px solid var(--ols-green-dark);
  --focus-offset: 2px; /* @kind spacing */
}