:root{
  --brand-brown: #7a4b2a;
  --brand-brown-2: #5a3520;
  --brand-black: #0b0b0b;
}

html { scroll-behavior: smooth; }

html, body, h1, h2, h3, h4, h5, h6 {
  font-family: 'Inconsolata', 'Nunito', 'Rubik', 'Tajawal', sans-serif;
}

.brand-gradient {
  background: radial-gradient(1200px circle at 20% 10%, rgba(122,75,42,.25), transparent 40%),
              radial-gradient(900px circle at 90% 20%, rgba(255,255,255,.08), transparent 45%),
              linear-gradient(180deg, #0b0b0b, #0f0f0f);
}

.glass {
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.10);
  backdrop-filter: blur(10px);
}