:root{
  --border-width:1px; /* @kind other */
  --border-width-strong:2px; /* @kind other */
  --border-light:1px solid var(--border-subtle); /* @kind other */
  --border-dark:1px solid #2A2A2A; /* @kind other */
  --border-focus:2px solid var(--focus-ring); /* @kind other */

  /* Shadows are deliberately near-invisible: this system prefers borders. */
  --shadow-none:none;
  --shadow-xs:0 1px 2px rgba(10,10,10,.04);
  --shadow-sm:0 2px 6px rgba(10,10,10,.05);
  --shadow-md:0 8px 24px rgba(10,10,10,.07);
  --shadow-media:0 18px 48px rgba(10,10,10,.10);
  --shadow-focus:0 0 0 3px rgba(255,216,0,.45);

  --overlay-image:linear-gradient(180deg,rgba(10,10,10,0) 30%,rgba(10,10,10,.72) 100%); /* @kind color */
  --overlay-flat:rgba(10,10,10,.45);
}