/* ==========================================================
   RE|FREEQUENCY – DESIGN TOKENS (single source of truth)
   ========================================================== */
:root{
  --rf-card-w: min(760px, 92vw);
  --rf-card-w-auth: min(720px, 92vw);
  --rf-card-radius: 18px;

  --rf-card-bg: rgba(155, 245, 232, 0.15);
  --rf-card-border: 1px solid rgba(155, 245, 232, 0.42);
  --rf-card-shadow: 0 16px 40px rgba(0,0,0,0.18), 0 2px 10px rgba(0,0,0,0.10);

  --rf-blur: 3px;

  --rf-label: rgba(220,255,250,0.92);
  --rf-text: rgba(200,255,248,0.95);

  --rf-input-border: 1px solid rgba(155, 245, 232, 0.55);
  --rf-input-bg: rgba(255,255,255,0.78);
  --rf-input-bg-focus: rgba(255,255,255,0.86);
  --rf-input-ring: 0 0 0 3px rgba(155,245,232,0.22);

  --rf-btn-bg: #a2ded8;
  --rf-btn-text: #0b1f1d;
  --rf-btn-border: 1px solid rgba(155, 245, 232, 0.70);

  --rf-link-bg: rgba(255,255,255,0.08);
  --rf-link-border: 1px solid rgba(155,245,232,0.35);

  --rf-wrap-pad-top: 70px;
  --rf-wrap-pad-bot: 90px;
  --rf-mobile-wrap-pad-top: 50px;
  --rf-mobile-wrap-pad-bot: 70px;
}