/* ============================================================
   CSS Custom Properties — Servicesare
   ============================================================ */
:root {
  --color-primary:    #ECB81C;
  --color-primary-alt: #fbc110;
  --color-dark:       #262626;
  --color-gray:       #3B4347;
  --color-bg-light:   #f5f5f5;
  --color-bg-muted:   #EAEAED;
  --color-white:      #ffffff;
  --color-border:     #ddd;

  --color-cyan:       #00C8D4;
  --color-cyan-light: #E6F9FA;
  --color-cyan-dark:  #008F99;
  --color-gold-light: #FEF8E7;

  --font-main:        'Poppins', Helvetica, Arial, sans-serif;

  --max-width:        1280px;
  --max-width-narrow: 1080px;

  --spacing-xs:  0.5rem;
  --spacing-sm:  1rem;
  --spacing-md:  2rem;
  --spacing-lg:  4rem;
  --spacing-xl:  6rem;

  --radius:      4px;
  --radius-lg:   8px;

  --transition:  0.25s ease;
}