/* Radii, borders, shadows & motion — Ferella Interiors.
 * Cards rely on hairlines, not elevation; shadows are barely there.
 */
:root {
  /* ----- Radii (the design is square; radii only for utility boxes) ----- */
  --radius-sm:   0;
  --radius-md:   0;
  --radius-lg:   0;
  --radius-xl:   0;
  --radius-pill: 999px;

  /* ----- Borders ----- */
  --border-width: 1px;
  --border-hairline: 1px solid var(--line-soft);

  /* ----- Shadows ----- */
  --shadow-soft:     0 1px 0 rgba(var(--ink-rgb), 0.04);
  --shadow-card:     0 2px 24px -12px rgba(var(--ink-rgb), 0.18);
  --shadow-modal:    0 30px 80px -30px rgba(var(--ink-rgb), 0.35);
  --shadow-lightbox: 0 40px 120px rgba(0, 0, 0, 0.5);
  --text-shadow-hero: 0 1px 24px rgba(var(--night-rgb), 0.35);

  /* ----- Motion ("quiet ease") ----- */
  --ease:          cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-reveal:   cubic-bezier(0.22, 1, 0.36, 1);
  --duration-fast: 250ms;
  --duration-mid:  350ms;
  --duration-slow: 1000ms;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}