:root{
  /* Radii — every value below appears literally in the kit */
  --radius-input:3px;      /* contact-form inputs */
  --radius-check:2px;      /* checkbox */
  --radius-field:4px;      /* sketch field input */
  --radius-control:5px;    /* pills, price cards, promo tag */
  --radius-button:8px;     /* Buttons family (Sketches) */
  --radius-card:10px;      /* CTA buttons, stats band, cards */
  --radius-spec:24px;      /* documentation frames */

  --border-hairline:1px solid var(--oe-border-input); /* @kind other */
  --border-divider:1px solid var(--oe-border-divider); /* @kind other */
  --border-sand:1px solid var(--oe-border-sand); /* @kind other */
  --rule-eyebrow:2px solid currentColor; /* @kind other */

  /* The kit is almost flat: one soft drop shadow, one focus ring. */
  --shadow-soft:0 2px 8px var(--oe-shadow-15); /* @kind shadow */
  --ring-focus:inset 0 0 0 3px var(--oe-green); /* @kind shadow */
  --ring-outline:inset 0 0 0 1px var(--oe-near-black); /* @kind shadow */
}