/* Gemeinsame Design-Tokens aller Technikteam-Trainer.
   Look: Yamaha-TF-Pult (dunkles Grau, grünes EQ, pinke Auswahl, orange ON). */
:root {
  color-scheme: dark;

  --bg: #131314;
  --bg-2: #19191b;
  --panel: #1d1d1f;
  --panel-2: #272729;
  --panel-3: #343437;
  --line: #313134;
  --line-2: #4a4a4f;

  --fg: #eeeeef;
  --fg-2: #b8b8bd;
  --fg-3: #85858c;

  --green: #3cc43f;
  --green-2: #1f8a26;
  --green-ink: #06210a;
  --pink: #ec1c80;
  --orange: #f7861f;
  --blue: #41a4ff;
  --violet: #9b6bff;
  --red: #ee4040;
  --yellow: #e9c42a;

  --font-ui: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  --r-sm: 3px;
  --r-md: 5px;
  --r-lg: 8px;

  /* Bedien-Akzent der Oberfläche (wie die orangen ON-Balken am Pult) */
  --accent: #ff8a1f;
  --accent-ink: #1c0f00;
}

*, *::before, *::after { box-sizing: border-box; }
[hidden] { display: none !important; }
html, body { height: 100%; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--fg);
  font: 400 16px/1.45 var(--font-ui);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}
button, input, select { font: inherit; color: inherit; }
button { cursor: pointer; touch-action: manipulation; }
button:focus-visible, input:focus-visible, a:focus-visible, [tabindex]:focus-visible {
  outline: 2px solid var(--blue);
  outline-offset: 2px;
}