:root {
  /* Borders do the work of shadows in this system — cards are flat.
   * The only elevation is the sticky header's translucency + blur. */
  --blur-header: 14px; /* @kind other */
  --header-veil: rgba(255, 255, 255, 0.92);
  --overlay-scrim: rgba(255, 255, 255, 0.94);

  /* Protection gradient over key visuals (bottom-up) */
  --scrim-ink-from: rgba(20, 18, 15, 0.94);
  --scrim-ink-via: rgba(20, 18, 15, 0.6);
  --scrim-ink-to: rgba(20, 18, 15, 0.12);
  --scrim-ink: linear-gradient(
    to top,
    var(--scrim-ink-from),
    var(--scrim-ink-via),
    var(--scrim-ink-to)
  ); /* @kind other */

  /* Striped placeholder artwork (posters, products, portraits) */
  --stripe-light: repeating-linear-gradient(135deg, #e7e3dc 0 10px, #ddd8d0 10px 20px); /* @kind other */
  --stripe-soft: repeating-linear-gradient(135deg, #eeeae3 0 10px, #e6e1d9 10px 20px); /* @kind other */
  --stripe-dark: repeating-linear-gradient(135deg, #26231e 0 12px, #1c1a16 12px 24px); /* @kind other */
  --stripe-dark-soft: repeating-linear-gradient(135deg, #302c26 0 10px, #26231e 10px 20px); /* @kind other */

  /* Motion — colour transitions only, no movement */
  --dur-fast: 120ms; /* @kind other */
  --dur-base: 150ms; /* @kind other */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --transition-color: color var(--dur-base) var(--ease-standard),
    background-color var(--dur-base) var(--ease-standard),
    border-color var(--dur-base) var(--ease-standard); /* @kind other */
}