/* ============================================================
   HOUSE OSBORNE — EFFECTS: radius, borders, shadow, motion
   Restrained. Heritage editorial = crisp hairlines, small radii,
   soft low shadows. No bouncy motion; calm, cinematic fades.
   ============================================================ */

:root {
  /* ---- Corner radii (small — heritage, not app-y) ---- */
  --radius-none: 0;
  --radius-xs:   2px;
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-pill: 999px;
  --radius-card: var(--radius-sm);   /* cards: nearly square */

  /* ---- Border widths ---- */
  --bw-hairline: 1px; /* @kind other */
  --bw-rule:     1px; /* @kind other */
  --bw-accent:   2px;     /* @kind other */

  /* ---- Shadows (warm-tinted, low, soft) ---- */
  --shadow-xs:  0 1px 2px rgba(10, 34, 64, 0.06);
  --shadow-sm:  0 2px 8px rgba(10, 34, 64, 0.07);
  --shadow-md:  0 8px 24px rgba(10, 34, 64, 0.10);
  --shadow-lg:  0 18px 48px rgba(10, 34, 64, 0.14);
  --shadow-gold:0 6px 24px rgba(201, 165, 92, 0.28);  /* warm glow */

  /* ---- Focus ---- */
  --ring: 0 0 0 3px rgba(201, 165, 92, 0.45);

  /* ---- Motion (calm, cinematic) ---- */
  --ease-out:  cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.45, 0, 0.25, 1); /* @kind other */
  --dur-fast:  140ms; /* @kind other */
  --dur-base:  240ms; /* @kind other */
  --dur-slow:  480ms; /* @kind other */
  --dur-cine:  720ms;     /* @kind other */

  /* ---- Overlays ---- */
  --scrim-navy:  linear-gradient(180deg, rgba(6,21,44,0) 0%, rgba(6,21,44,0.72) 100%); /* @kind other */
  --scrim-navy-strong: linear-gradient(180deg, rgba(6,21,44,0.2) 0%, rgba(6,21,44,0.88) 100%); /* @kind other */
}