:root {
  color-scheme: light;
}

html, body {
  margin: 0;
  padding: 0;
}

body {
  font-family: "din-next-w01-light", "Helvetica Neue", Arial, sans-serif;
  background: #f1f5f9;
  color: #0f172a;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.font-brand {
  font-family: "dinneuzeitgroteskltw01-_812426", "Arial Narrow", "Bebas Neue", sans-serif;
  letter-spacing: 0.02em;
}

.hero-overlay {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.62) 0%, rgba(0, 0, 0, 0.30) 38%, rgba(0, 0, 0, 0.10) 70%, rgba(0, 0, 0, 0.02) 100%);
}

.card-glow {
  box-shadow: 0 12px 40px rgba(2, 6, 23, 0.08);
}

.texture-strip {
  background-image: linear-gradient(90deg, rgba(8, 47, 73, 0.08), rgba(8, 47, 73, 0.02));
}