/* Roca's Speisekarte — Tailwind CSS Output */
/* Build mit: npm run build (als dist/styles.css) oder npm run watch */
/* Fallback: Tailwind CDN für lokale Entwicklung */

@import url('https://cdn.tailwindcss.com');

:root {
  --accent: #034e3a;
  --gold: #d4b36b;
  --bg-light: #fafaf9;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 8rem;
}

body {
  background-color: var(--bg-light);
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Georgia', 'Garamond', serif;
}

/* Dotted Border (Leaders) — Name ↔ Preis */
.border-b {
  border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
}

/* Sticky Navigation */
header, nav {
  z-index: 50;
}

/* Print Optimierungen */
@media print {
  header, nav, footer {
    display: none !important;
  }

  main {
    padding-bottom: 0 !important;
  }

  body {
    background: white !important;
  }

  section {
    page-break-inside: avoid;
    break-inside: avoid;
  }
}