/* Custom styles layered on top of Tailwind (CDN). Keep this file small;
   prefer Tailwind utility classes in the HTML. Only put here what
   Tailwind utilities can't express (custom font stack, gradient, etc). */

:root {
  /* Sampled directly from the official logo file (assets/damlag-logo.png) */
  --brand-grey: #6D6E71;
  --brand-orange: #F1592A;
  --brand-orange-dark: #D6431A;
}

body {
  font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;
}

.brand-gradient-text {
  color: var(--brand-orange);
}

.brand-gradient-bg {
  background-image: linear-gradient(135deg, var(--brand-orange), var(--brand-orange-dark));
}

/* Mobile nav panel: hidden by default, toggled via JS */
#mobile-nav.hidden {
  display: none;
}

/* Smooth in-page anchor scrolling (used on index.html section links) */
html {
  scroll-behavior: smooth;
}