/* ============================================================
   CABEZOTE — Variables CSS
   pinturaelectrostaticacolombia.com
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400&family=Barlow+Condensed:wght@600;700;800&display=swap');

:root {
  --orange:        #F04E23;
  --orange-light:  #FF6535;
  --orange-dark:   #C03918;
  --orange-muted:  rgba(240,78,35,0.08);
  --orange-glow:   rgba(240,78,35,0.18);
  --border-orange: rgba(240,78,35,0.35);

  --bg-0:    #FFFFFF;
  --bg-1:    #F8F8F7;
  --bg-2:    #F1F0EF;
  --bg-dark: #0D0D0D;

  --text-1:  #0D0D0D;
  --text-2:  #555555;
  --text-3:  #999999;

  --border-1: rgba(0,0,0,0.06);
  --border-2: rgba(0,0,0,0.11);
  --border-3: rgba(0,0,0,0.18);

  --shadow-sm:     0 1px 4px rgba(0,0,0,0.07), 0 4px 12px rgba(0,0,0,0.05);
  --shadow-md:     0 4px 16px rgba(0,0,0,0.08), 0 12px 40px rgba(0,0,0,0.06);
  --shadow-lg:     0 8px 32px rgba(0,0,0,0.10), 0 24px 72px rgba(0,0,0,0.08);
  --shadow-orange: 0 8px 32px rgba(240,78,35,0.25);

  --font-body:    'Barlow', sans-serif;
  --font-display: 'Barlow Condensed', sans-serif;

  --ease:        cubic-bezier(0.4,0,0.2,1);
  --ease-spring: cubic-bezier(0.34,1.56,0.64,1);
  --dur-fast: 180ms;
  --dur-base: 320ms;

  --r-sm:   6px;
  --r-md:   12px;
  --r-lg:   20px;
  --r-full: 9999px;
}