@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/* Color and Theme Custom Properties */
:root {
  --brand: #3D4430;
  --brand-light: #535b44;
  --brand-dark: #2a2f21;
  --surface: #ffffff;
  --surface-alt: #f9f9f9;
}

.dark {
  --brand: #C5A059;
  --brand-light: #D4AF37;
  --brand-dark: #A67C00;
  --surface: #0a0a0a;
  --surface-alt: #111111;
}

/* Base resets & styles */
body {
  font-family: 'Inter', sans-serif;
  font-feature-settings: "rlig" 1, "calt" 1;
}

h1, h2, h3, h4, h5, h6, .font-serif {
  font-family: 'Noto Serif', serif;
}

/* Custom design utilities */
.text-mask {
  background-image: url("https://lh3.googleusercontent.com/aida-public/AB6AXuACXbc78oEux0rpPOCgc72CuB5IRE44Qk0dbsO9p7qf-SMSiOSytP1dI1nvAoWrTHaI0tT9rD3NSBOD3r6KgQc5OnRBnpFOHuwxH7UOVxNnHCeFbhXCZ1eDufnOPcVGoG5TngMQEr8OXeVPXGD2ChoY9b5CV4uij1ILzdpYeCJvl3KLrAMvyv5thAdQtjqhbQ_0kANdvaZ3aKzMU01_zLtx23KmQZGSwAq9mybDl6-Pvsnkq9Ro7G9lusWzTeY0isfbzE7b0TNVbKUi");
  background-size: cover;
  background-position: center;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-weight: 800;
  letter-spacing: -0.05em;
}

.glass {
  background-color: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Lenis smooth scroll */
html.lenis,
html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

/* Smooth transition for active navigation links */
a {
  transition: color 0.35s ease;
}

/* Header transition logic */
header {
  transition: transform 0.35s ease-in-out, background-color 0.3s ease, padding 0.3s ease, backdrop-filter 0.3s ease;
}