/* Radii, control sizing, elevation, photo scrim. */
:root {
  --os-radius-control: 8px;
  --os-radius-card:    12px;
  --os-radius-bubble:  16px;
  --os-radius-tag:     3px;
  --os-radius-panel:   4px;  /* artboards, image frames */
  --os-radius-pill:    999px;

  --os-control-min-h: 44px;
  --os-hit-target-min: 44px;

  --os-shadow-card: 0 1px 2px rgba(30, 53, 41, 0.06);
  --os-focus-shadow: 0 0 0 3px var(--os-focus-ring);
  --os-lift: translateY(-2px);
  --os-ease: 0.15s ease;

  --os-scrim: linear-gradient(180deg,
    rgba(30, 53, 41, 0.82) 0%,
    rgba(30, 53, 41, 0.52) 45%,
    rgba(30, 53, 41, 0.88) 100%);
  --os-crop-hero: 16 / 9;
  --os-crop-card: 4 / 3;
  --os-crop-band: 3 / 1;
}