/* Sense House — Radii, shadows, motion & signature textures */
:root {
  /* Radii — the brand is soft & rounded. Buttons are full pills; media is gently rounded. */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 999px;
  --radius-circle: 50%;

  /* Shadows — restrained. Depth comes from color blocking, not heavy shadow. */
  --shadow-sm: 0 2px 8px rgba(58, 6, 32, 0.08);
  --shadow-md: 0 10px 30px rgba(58, 6, 32, 0.14);
  --shadow-lg: 0 24px 60px rgba(58, 6, 32, 0.22);
  --shadow-focus: 0 0 0 3px rgba(255, 0, 204, 0.45); /* magenta focus ring */

  /* Motion — gentle, warm, never bouncy-cartoonish */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --dur-fast: 140ms; /* @kind other */
  --dur-base: 260ms; /* @kind other */
  --dur-slow: 500ms; /* @kind other */

  /* Signature "subway tile" texture — subtle brick pattern on wine backgrounds.
     Apply with: background-color: var(--wine-800); background-image: var(--pattern-brick); */
  --pattern-brick:
    repeating-linear-gradient(0deg, transparent 0 38px, rgba(255,255,255,.035) 38px 40px),
    repeating-linear-gradient(90deg, rgba(255,255,255,.04) 0 1px, transparent 1px 84px); /* @kind other */
  --pattern-brick-size: 84px 40px; /* @kind other */

  /* Soft cream texture — faint rounded-tile wash used on light editorial sections */
  --pattern-cream:
    repeating-linear-gradient(90deg, transparent 0 78px, rgba(76,1,40,.035) 78px 80px); /* @kind other */
}