/* theme.css — gemeinsame Design-Tokens für die Assist-App
   Hub-konforme Designsprache (analog /opt/apps/hub/apps/pwa/src/styles/tokens.css):
   Coal-Hintergründe, strukturierte Graustufen, Inter, Radien, Glow.
   ABER: Akzent ist FIRMENGEBRANDET (Monn=orange / Kipfer=hellblau) statt Hub-Cyan.
   Eine Quelle für alle Seiten (index/freigaben/mahnungen) — Marc: Modulbauweise.
   ════════════════════════════════════════════════════════════════════ */
:root {
  /* ── Hintergründe / Flächen (Hub) ── */
  --bg: #0d1117;          /* Coal — Seite */
  --coal-light: #161b22;
  --coal-mid: #1a2028;
  --card: #161b22;        /* Karten */
  --steel: #21262d;       /* Inputs */
  --border: #30363d;

  /* ── Text (Hub) ── */
  --fg: #fafafa;
  --muted: #999eaf;
  --smoke: #64748b;

  /* ── Akzent: FIRMENGEBRANDET (Default = Monn-orange, app.js setzt data-company) ── */
  --accent: #F47920;
  --accent-active: #d4640f;
  --accent-tint: rgba(244,121,32,0.16);

  /* ── Status (Hub-Palette) ── */
  --success: #22c55e;
  --warn: #eab308;
  --danger: #ef4444;
  --info: #3b82f6;

  /* ── Radien (Hub) ── */
  --r-sm: 6px; --r-md: 10px; --r-lg: 14px; --r-full: 9999px;

  /* ── Schatten / Glow (Hub) ── */
  --shadow-md: 0 4px 12px rgba(0,0,0,0.5);
  --shadow-lg: 0 8px 24px rgba(0,0,0,0.6);
  --shadow-glow: 0 0 20px var(--accent-tint);

  /* ── Typografie (Hub) ── */
  --font-sans: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --safe-top: env(safe-area-inset-top, 0);
  --safe-bot: env(safe-area-inset-bottom, 0);
}

/* Firma-Branding: Kipfer = hellblau, Monn = orange (Akzent überschreibt Hub-Cyan) */
html[data-company="kipfer"] {
  --accent: #4a9eff; --accent-active: #2178e0; --accent-tint: rgba(74,158,255,0.14);
}
html[data-company="monn"] {
  --accent: #F47920; --accent-active: #d4640f; --accent-tint: rgba(244,121,32,0.16);
}