/* Domus Paradox — Effects: radii, shadows, motion
   Corners are soft but composed. Shadows are low-contrast and green-tinted,
   like light filtering through leaves. The arch motif is core to the brand. */

:root {
  /* Radii */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 999px;
  /* Arch motif — large top radii, gentle bottom (a window into a garden) */
  --radius-arch: 50% 50% var(--radius-lg) var(--radius-lg) / 38% 38% var(--radius-lg) var(--radius-lg);

  /* Shadows — green-tinted, soft */
  --shadow-xs: 0 1px 2px rgba(31, 59, 44, 0.06);
  --shadow-sm: 0 2px 6px -2px rgba(31, 59, 44, 0.10);
  --shadow-md: 0 8px 20px -8px rgba(31, 59, 44, 0.16);
  --shadow-lg: 0 18px 44px -16px rgba(31, 59, 44, 0.22);
  --shadow-focus: 0 0 0 3px var(--focus-ring);

  /* Motion — calm, never bouncy */
  --ease-soft: cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.45, 0, 0.2, 1); /* @kind other */
  --dur-fast: 130ms; /* @kind other */
  --dur-base: 220ms; /* @kind other */
  --dur-slow: 420ms; /* @kind other */
}