/* oa.flow — Effects: radii, borders, shadows, blur */
:root {
  /* ---- Corner radii ---- */
  --radius-sm: 8px;
  --radius-md: 14px;     /* cards, blocos */
  --radius-lg: 22px;     /* large surfaces */
  --radius-pill: 999px;  /* CTAs / pílulas */
  --radius-disc: 50%;    /* logo disc, brandbar avatar */

  /* ---- Borders ---- */
  --border-width: 1px; /* @kind spacing */
  --border-subtle: 1px solid var(--border-hairline);
  --border-accent: 1.5px solid var(--accent);
  --border-coral: var(--border-accent); /* compat */

  /* ---- Shadows (soft ambient + brick glow on CTAs) ---- */
  --shadow-card: 0 12px 40px -12px rgba(0,0,0,0.55);
  --shadow-raised: 0 20px 60px -16px rgba(0,0,0,0.65);
  --shadow-cta: 0 10px 30px -8px rgba(158,42,36,0.42);     /* brick glow */
  --shadow-cta-light: 0 16px 38px -12px rgba(158,42,36,0.32); /* sobre fundo branco */
  --glow-accent: 0 0 0 0 rgba(158,42,36,0); /* base for animated glow */
  --glow-coral: var(--glow-accent); /* compat */

  /* ---- Backdrop blur (glass surfaces over gradient) ---- */
  --blur-glass: blur(14px); /* @kind other */

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);     /* @kind other */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --dur-fast: 140ms;  /* @kind other */
  --dur-base: 240ms;  /* @kind other */
  --dur-slow: 420ms;  /* @kind other */

  /* ---- Protection gradient (bottom anchor on imagery) ---- */
  --scrim-bottom: linear-gradient(180deg, transparent 0%, rgba(10,12,28,0.0) 35%, rgba(10,12,28,0.82) 78%, rgba(10,12,28,0.96) 100%); /* @kind other */
}