@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&family=JetBrains+Mono:wght@400;500&display=swap');
@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --ink:    #111110;
  --paper:  #F7F7F5;
  --warm:   #E2E2DE;
  --accent: #C8440A;
  --muted:  #6E6E6A;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  background: var(--paper);
  color: var(--ink);
  font-family: 'DM Sans', sans-serif;
  font-size: 15px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

/* Kennzeichen-Badge */
.kz-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: 'JetBrains Mono', monospace;
  font-weight: 500;
  font-size: 13px;
  padding: 3px 10px;
  border: 1.5px solid var(--ink);
  border-radius: 2px;
  background: white;
  letter-spacing: 0.05em;
  transition: all 0.15s ease;
  cursor: default;
}
.kz-badge:hover {
  background: var(--ink);
  color: var(--paper);
}
.kz-badge.seen {
  background: var(--ink);
  color: var(--paper);
}

/* Tabellen */
.data-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
.data-table th {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--muted);
  text-align: left;
  padding: 10px 16px;
  border-bottom: 1.5px solid var(--warm);
}
.data-table td {
  padding: 10px 16px;
  border-bottom: 1px solid var(--warm);
  vertical-align: middle;
}
.data-table tr:hover td {
  background: rgba(200,68,10,0.04);
}

/* Scrollbar */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--warm); border-radius: 2px; }
::-webkit-scrollbar-thumb:hover { background: var(--muted); }