/* ============================================================
   EFFECTS — borders, hard shadows, halftone & grain.
   No soft/blurred shadows anywhere: this is a print system, so
   shadows are HARD offset ink blocks (letterpress / risograph feel).
   ============================================================ */

:root {
  /* --- hard offset shadows (no blur, pure ink) --- */
  --shadow:    7px 7px 0 var(--ink);
  --shadow-sm: 4px 4px 0 var(--ink);

  /* --- borders --- */
  --border-heavy: 3px solid var(--line);
  --border-hair:  1.5px solid var(--line);
  --border-badge: 2px solid var(--line);

  /* corners are always square — no radius in this system */
  --radius: 0px;

  /* --- halftone dot fill (portraits, thumbs) --- */
  --halftone: 0.55;              /* @kind other */
  --halftone-size: 5px;          /* dot grid pitch */

  /* --- photocopy grain --- */
  --grain-opacity: 0.07;         /* @kind other */

  /* --- motion --- */
  --ease-hard: cubic-bezier(0.7, 0, 0.25, 1); /* @kind other */
  --dur-fast: 0.12s; /* @kind other */
  --dur-med: 0.4s;   /* @kind other */
}