/* madebykev — Rahmen, Radien, Schatten.
   Kein Radius (außer echten Kreisen), keine weichen Schatten:
   Schatten sind immer harte Versatzflächen ohne Blur. */
:root {
  --radius: 0;
  --radius-circle: 50%;

  --border-hairline: 1px; /* @kind spacing */
  --border-strong: 2px; /* @kind spacing */
  --border-heavy: 3px; /* @kind spacing */   /* Browser-Mockups */

  --border-card: 1px solid var(--line-card); /* @kind other */
  --border-frame: 2px solid var(--black); /* @kind other */
  --border-frame-heavy: 3px solid var(--black); /* @kind other */
  --border-hairline-dark: 1px solid var(--line-dark); /* @kind other */
  --border-hairline-light: 1px solid var(--line-light); /* @kind other */

  /* Harte Versatzschatten */
  --shadow-offset-yellow-s: 8px 8px 0 var(--yellow);
  --shadow-offset-yellow: 10px 10px 0 var(--yellow);
  --shadow-offset-yellow-l: 14px 14px 0 var(--yellow);
  --shadow-offset-black-s: 9px 8px 0 var(--black);
  --shadow-offset-black: 17px 14px 0 var(--black);
  --shadow-offset-white: 12px 12px 0 var(--white);
}