/* ============================================================
   Solar Bridge — Effects: radii, shadows, borders, motion
   The look is industrial-clean: modest radii, soft warm shadows,
   crisp 1px borders. The ONE expressive move is the solar
   gradient used as edge light, energy bars and ray motifs.
   ============================================================ */

:root {
  /* ---- Corner radii ---- */
  --radius-none:  0;
  --radius-xs:    4px;
  --radius-sm:    6px;
  --radius-md:    10px;    /* default cards, inputs */
  --radius-lg:    16px;
  --radius-xl:    24px;
  --radius-2xl:   32px;
  --radius-pill:  999px;   /* buttons, chips, badges */

  /* ---- Shadows — warm-tinted, never pure black ---- */
  --shadow-xs:  0 1px 2px rgba(42,30,15,0.06);
  --shadow-sm:  0 1px 3px rgba(42,30,15,0.08), 0 1px 2px rgba(42,30,15,0.06);
  --shadow-md:  0 4px 12px rgba(42,30,15,0.10), 0 2px 4px rgba(42,30,15,0.06);
  --shadow-lg:  0 12px 28px rgba(42,30,15,0.14), 0 4px 10px rgba(42,30,15,0.08);
  --shadow-xl:  0 28px 60px rgba(42,30,15,0.18), 0 10px 22px rgba(42,30,15,0.10);

  /* Warm glow — solar accent halo for hover/active hero elements */
  --glow-solar: 0 0 0 1px rgba(219,110,1,0.35), 0 8px 32px rgba(219,110,1,0.30);
  --glow-green: 0 0 0 1px rgba(139,203,41,0.35), 0 8px 32px rgba(124,196,28,0.28);
  --glow-gold:  0 0 0 1px rgba(240,200,8,0.40), 0 8px 32px rgba(237,154,0,0.30);
  --glow-whatsapp: 0 0 0 1px rgba(37,211,102,0.40), 0 8px 28px rgba(37,211,102,0.32);

  /* ---- Borders ---- */
  --border-width: 1px;
  --border-width-thick: 2px;

  /* ---- Focus ---- */
  --focus-ring-width: 3px;
  --focus-ring-offset: 2px;

  /* ---- Motion ---- */
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);   /* @kind other */
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --ease-spring:   cubic-bezier(0.34, 1.56, 0.64, 1); /* @kind other */
  --dur-fast:   120ms;  /* @kind other */
  --dur-base:   200ms;  /* @kind other */
  --dur-slow:   360ms;  /* @kind other */

  /* ---- Z-index ---- */
  --z-base: 1;       /* @kind other */
  --z-sticky: 100;   /* @kind other */
  --z-overlay: 1000; /* @kind other */
  --z-modal: 1100;   /* @kind other */
  --z-toast: 1200;   /* @kind other */
}