:root {
  --emerald-950: #022c22;
  --emerald-900: #064e3b;
  --emerald-800: #065f46;
  --emerald-700: #047857;
  --emerald-600: #059669;
  --gold-600: #b88916;
  --gold-500: #d4af37;
  --gold-300: #f4d675;
  --cream-50: #fffdf6;
  --white: #ffffff;
  --ink: #10231c;
  --muted: #dbe7e1;
  --glass-dark: rgba(2, 44, 34, 0.62);
  --glass-light: rgba(255, 255, 255, 0.16);
  --glass-border: rgba(255, 255, 255, 0.30);
  --shadow-premium: 0 28px 80px rgba(0, 0, 0, 0.32);
}

html { scroll-behavior: smooth; }

body {
  font-family: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  background:
    linear-gradient(rgba(255,255,255,.76), rgba(255,255,255,.84)),
    url("../img/background.jpg") center / cover fixed no-repeat !important;
  color: var(--ink);
}

.hidden { display: none !important; }

button, input, select, textarea { font: inherit; }