/* =========================================================
   WTFE - Worldwide Trade Fairs & Exhibitions
   variables.css
   Shared design tokens, reset and base/utility styles.
   Loaded on every page (shared with header.css / footer.css / style.css).
   ========================================================= */

:root{
  --black:#232220;
  --charcoal:#33322f;
  --red:#e42129;
  --red-dark:#b8161d;
  --red-glow:rgba(228,33,41,.3);
  --white:#ffffff;
  --off-white:#f7f7f8;
  --grey:#6b6b6b;
  --line:#eaeaea;
  --radius:18px;
  --shadow-lg:0 30px 60px -20px rgba(20,20,20,.3);
  --shadow-sm:0 10px 25px -10px rgba(20,20,20,.15);
  --header-h:200px;
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:'Inter',sans-serif;
  color:var(--charcoal);
  background:var(--white);
  overflow-x:hidden;
  line-height:1.6;
}
h1,h2,h3,h4{font-family:'Poppins',sans-serif;font-weight:800;color:var(--black);letter-spacing:-.02em;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}
img{max-width:100%;display:block;}
section{position:relative;}

/* ===== Layout helpers ===== */
.container{max-width:1240px;margin:0 auto;padding:0 24px;}

/* ===== Typography helpers ===== */
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--red);background:rgba(228,33,41,.08);
  padding:7px 16px;border-radius:50px;margin-bottom:18px;
}
.eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px rgba(228,33,41,.18);}
.section-head{max-width:680px;margin-bottom:52px;}
.section-head.center{margin-left:auto;margin-right:auto;text-align:center;}
.section-head h2{font-size:clamp(1.9rem,3.6vw,2.7rem);margin-bottom:14px;}
.section-head p{color:var(--grey);font-size:1.05rem;}

/* ===== Buttons ===== */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:15px 32px;border-radius:50px;font-weight:700;font-size:.95rem;
  border:none;cursor:pointer;transition:.35s cubic-bezier(.2,.8,.2,1);
  white-space:nowrap;
}
.btn-primary{
  background:linear-gradient(135deg,var(--red),var(--red-dark));
  color:#fff;box-shadow:0 14px 30px -8px var(--red-glow);
}
.btn-primary:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 40px -8px var(--red-glow);}
.btn-dark{background:#fff;color:var(--black);border:2px solid var(--black);}
.btn-dark:hover{background:var(--red);color:#fff;border-color:var(--red);transform:translateY(-4px);}
.btn-outline{background:transparent;border:2px solid rgba(0,0,0,.3);color:var(--black);}
.btn-outline:hover{background:var(--red);color:#fff;border-color:var(--red);transform:translateY(-4px);}
.btn-ghost{background:#fff;color:var(--black);border:2px solid var(--line);}
.btn-ghost:hover{border-color:var(--red);color:var(--red);}

/* ===== Scroll reveal ===== */
[data-aos]{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease;}
[data-aos].aos-in{opacity:1;transform:translateY(0);}

@media (max-width:600px){
  .section-head{margin-bottom:36px;}
}