:root {
  /* Shadows are warm-tinted (espresso, never neutral black) and shallow.
     Print-inspired: a hairline border does most of the separation work. */
  --shadow-none: none;
  --shadow-xs: 0 1px 1px rgba(64, 32, 0, 0.05);
  --shadow-sm: 0 1px 2px rgba(64, 32, 0, 0.07), 0 1px 1px rgba(64, 32, 0, 0.04);
  --shadow-md: 0 4px 10px -2px rgba(64, 32, 0, 0.10), 0 1px 2px rgba(64, 32, 0, 0.06);
  --shadow-lg: 0 14px 32px -8px rgba(64, 32, 0, 0.16), 0 2px 6px rgba(64, 32, 0, 0.06);
  --shadow-overlay: 0 28px 60px -16px rgba(18, 15, 10, 0.38);
  --shadow-inset-top: inset 0 1px 0 rgba(255, 255, 255, 0.5);
  --shadow-press: inset 0 2px 4px rgba(64, 32, 0, 0.18);
  --ring-focus: 0 0 0 3px rgba(21, 94, 99, 0.32);
  --ring-focus-inverse: 0 0 0 3px rgba(230, 189, 92, 0.4);
  --scrim-bottom: linear-gradient(to top, rgba(18, 15, 10, 0.82) 0%, rgba(18, 15, 10, 0.45) 40%, rgba(18, 15, 10, 0) 100%); /* @kind other */
  --scrim-top: linear-gradient(to bottom, rgba(18, 15, 10, 0.6), rgba(18, 15, 10, 0)); /* @kind other */
  --texture-paper: radial-gradient(rgba(64, 32, 0, 0.035) 1px, transparent 1px); /* @kind other */
  --texture-paper-size: 3px 3px;
}