/* ==========================================================================
   VRT — effects tokens: borders, radius, motion, textures
   VRT is a hard-edged, architectural system: 0 corner radius everywhere,
   1px hairline borders instead of shadows, no card elevation.
   ========================================================================== */

:root {
  /* ---- Corner radius — the system is square. Buttons, cards, inputs,
     swatches, images: all 0. Only two exceptions exist in the source theme
     (both intentionally circular, never "rounded"): the cart-count badge
     and the kit-builder loading spinner. ---- */
  --radius-none: 0px;
  --radius-full: 999px; /* circular only — cart count bubble, spinner */

  /* ---- Borders ---- */
  --border-width: 1px;
  --border-width-strong: 2px; /* section-head rule, active journal filter bar */

  /* ---- Motion — short, linear-ish eases on color/opacity only. No bounce,
     no scale-on-press, no page-transition choreography. ---- */
  --ease-default: ease; /* @kind other */
  --duration-fast: 0.14s; /* @kind other */
  --duration-default: 0.18s; /* @kind other */
  --duration-drawer: 0.34s; /* @kind other */
  --easing-drawer: cubic-bezier(0.4, 0, 0.1, 1); /* @kind other */

  /* ---- Placeholder stripe (fallback wherever real media is unset) ---- */
  --stripe-placeholder: repeating-linear-gradient(135deg, #eae9e2 0 10px, #f2f1ec 10px 20px); /* @kind other */

  /* ---- Dark-section radial texture (very subtle, on --surface-dark only) ---- */
  --dark-texture: repeating-radial-gradient(circle at 72% 128%, rgba(255, 255, 255, 0.045) 0 1px, transparent 1px 30px), repeating-radial-gradient(circle at 18% 132%, rgba(45, 91, 208, 0.1) 0 1px, transparent 1px 38px); /* @kind other */
}