/* ═══ VARIABLES Y RESET GLOBAL ═══ */
*,*::before,*::after{
  box-sizing:border-box;
  margin:0;
  padding:0;
}

:root{
  /* Colors */
  --bg:#f8f8f7;
  --text:#747474;
  --accent:#e60027;
  --accent2:#c2001f;
  --dark:#1a1a1a;
  --white:#fff;
  --border:#e5e5e3;
  --card:#fff;

  /* Typography */
  --fd:'Playfair Display',Georgia,serif;
  --fb:'DM Sans',sans-serif;

  /* Spacing & Styling */
  --r:4px;
  --sh:0 2px 24px rgba(0,0,0,.07);
  --t:.28s ease;
}

html{
  scroll-behavior:smooth;
}

body{
  font-family:var(--fb);
  background:var(--bg);
  color:var(--text);
  font-size:16px;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}

img{
  max-width:100%;
  display:block;
}

a{
  color:inherit;
  text-decoration:none;
}

/* Scrollbar */
::-webkit-scrollbar{
  width:4px;
}

::-webkit-scrollbar-track{
  background:var(--bg);
}

::-webkit-scrollbar-thumb{
  background:var(--accent);
  border-radius:2px;
}