/* ÓPERA ARTE — Effects: radii, shadows, borders, motion
   Soft, organic corners. Restrained shadows over deep-dark surfaces;
   warmth comes from gold hairlines and the gradient "fio", not heavy UI shadow. */

:root {
  /* ---- Radii (soft, organic — "cantos suaves") ---- */
  --radius-xs:   4px;
  --radius-sm:   8px;
  --radius-md:   14px;
  --radius-lg:   22px;
  --radius-xl:   32px;
  --radius-2xl:  44px;
  --radius-pill: 999px;

  /* ---- Border widths ---- */
  --border-hair: 1px;
  --border-thin: 1.5px;

  /* ---- Shadows (deep, soft, low-chroma) ---- */
  --shadow-sm:  0 1px 2px rgba(0,0,0,0.4);
  --shadow-md:  0 8px 24px -8px rgba(0,0,0,0.55);
  --shadow-lg:  0 24px 60px -20px rgba(0,0,0,0.65);
  --shadow-xl:  0 40px 90px -28px rgba(0,0,0,0.7);
  /* Warm glow for gold accents / focus */
  --glow-gold:  0 0 0 1px rgba(219,166,33,0.35), 0 6px 24px -8px rgba(219,166,33,0.28);

  /* ---- Focus ring ---- */
  --focus-ring: 0 0 0 2px var(--oa-petrol-900), 0 0 0 4px var(--oa-gold);

  /* ---- Hairline divider ("fio dourado") ---- */
  --divider-gold: var(--oa-gradient-gold-soft);

  /* ---- Backdrop blur ---- */
  --blur-panel: blur(14px); /* @kind other */

  /* ---- Motion: slow, contemplative easing; gentle fades, no bounce ---- */
  --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:    160ms; /* @kind other */
  --dur-base:    280ms; /* @kind other */
  --dur-slow:    520ms; /* @kind other */
  --dur-slower:  820ms; /* @kind other */
}