/* ============================================================
   tokens.css – Farben, Schriften, Abstände.
   Für eine neue App reicht es meist, --accent und die Namen
   der Schriften zu ändern.
   NutriCoach: Dunkelgrün mit Grün-Akzent (wie die alte App).
   Bei Änderung von --bg auch anpassen:
     index.html            <meta name="theme-color">
     manifest.webmanifest  "theme_color" und "background_color"
   ============================================================ */

@font-face {
  font-family: 'DM Sans';
  src: url('../fonts/dm-sans-latin-variable.woff2') format('woff2');
  font-weight: 100 1000;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Bebas Neue';
  src: url('../fonts/bebas-neue-latin-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: dark;

  /* Flächen */
  --bg: #0f1a0f;
  --surface: #1a2a1a;
  --surface-2: #1e2d1e;
  --border: #2a3d2a;

  /* Text */
  --text: #e8f0e8;
  --text-muted: #93ad93;

  /* Akzent */
  --accent: #7ec850;
  --accent-contrast: #0f1a0f;                 /* Text auf Akzentfläche */
  --accent-dim: rgba(126, 200, 80, 0.12);
  --accent-glow: rgba(126, 200, 80, 0.35);
  --danger: #e85050;

  /* NutriCoach: Makros */
  --protein: #e87c50;
  --carbs: #50a8e8;
  --fat: #e8d050;
  --accent-soft: #a8e070;

  /* Schrift */
  --font-display: 'Bebas Neue', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono: ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;

  /* Maße */
  --radius: 14px;
  --radius-small: 9px;
  --gap: 16px;
  --content-width: 560px;                     /* maximale Breite des Inhalts */
  --nav-height: 60px;
}