/* ==============================
   EGT GLOBAL — variables.css
   ============================== */

:root {
  /* Colors */
  --color-primary:      #A2150E;
  --color-primary-dark: #8B0000;
  --color-red-light:    #E41D14;
  --color-dark:         #1a1a1a;
  --color-white:        #FAFAFA;
  --color-text:         #333333;
  --color-text-light:   #6B6868;
  --color-secondary-text-light: #515151;
  --color-border:       #e0e0e0;
  --color-bg-light:     #F9F9F9;
  --color-bg-services:  #FCE9E8;
  --color-bg-strength:  #600D08;

  /* Typography */
  --font-heading: 'Rajdhani', sans-serif;
  --font-hero:    'Schibsted Grotesk', sans-serif;
  --font-jakarta:   'Plus Jakarta Sans', sans-serif;  
  --font-inter:     'Inter', sans-serif;              

  /* Font sizes */
  --fs-hero:   85px;
  --fs-h1:     40px;
  --fs-h2:     32px;
  --fs-h3:     20px;
  --fs-body:   16px;
  --lh-body:   24px;

  /* Button */
  --btn-radius: 50px;
  --btn-h:      40px;

  /* Spacing */
  --section-pad-y: 100px;
  --section-pad-x: 60px;
  --container-max: 1140px;

  /* Banner — ADD THIS ↓ */
  --banner-bg:     none;                             /* ← default fallback */
  --banner-height: 420px;  
}

/* ==============================
   RESET
   ============================== */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html { scroll-behavior: smooth; }

body {
  font-family: var(--font-heading);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  color: var(--color-text);
  background: #fff;
  overflow-x: hidden;
}

img { max-width: 100%; display: block; }
a   { text-decoration: none; color: inherit; }
ul  { list-style: none; }