:root {
  /* The brand is flat print: square edges, hairline rules, chamfered frames, full pills.
     There is no elevation system in the book — shadows are used only for lifted overlays. */
  --radius-none: 0px;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-pill: 999px;
  --radius-circle: 50%;

  --notch: 18px;   /* chamfer size for the brand's cut-corner frame */
  --notch-sm: 10px;

  --border-width: 1px;
  --border-width-thick: 2px;
  --rule: var(--border-width) solid var(--border-hairline);
  --rule-strong: var(--border-width) solid var(--border-strong);

  /* Chamfered "ticket" corners, used on frames, tags and hero panels */
  --clip-notch: polygon(
    var(--notch) 0, calc(100% - var(--notch)) 0, 100% var(--notch),
    100% calc(100% - var(--notch)), calc(100% - var(--notch)) 100%,
    var(--notch) 100%, 0 calc(100% - var(--notch)), 0 var(--notch)
  );

  --shadow-none: none;
  --shadow-overlay: 0 24px 60px -20px color-mix(in srgb, var(--green-forest) 45%, transparent);
  --shadow-lifted: 0 8px 24px -12px color-mix(in srgb, var(--green-forest) 35%, transparent);
}