/* ============================================================================
   Planspiel — shared chrome design system (single source of truth).
   Consumed by the Fraunhofer-branded framing pages (login, 404, injection viewer,
   network map). Page-specific layout stays in each template; page-specific or
   divergent tokens may be re-declared inline AFTER this file to override.
   Design language reference: .claude/skills/planspiel-design/SKILL.md
   ========================================================================== */

:root{
  /* Fraunhofer brand */
  --fhg-green:#179c7d;      /* servers / "ok" / ambient glow */
  --fhg-silver:#a6bbc8;     /* hairlines, muted UI, hover borders */
  --fhg-orange:#f58220;     /* PRIMARY ACCENT — eyebrows, buttons, focus */
  --hover-red:#ef4444;      /* the one danger/alert red */

  /* Dark surfaces (default) */
  --ink:#0c1b24;            /* page background */
  --ink-2:#13293a;          /* raised surface / card */
  --fg:#e6eef3;             /* body text */
  --fg-mute:#8ea2b0;        /* secondary text */
  --chip:#0f2230;           /* input / chip fill */
  --chip-border:rgba(166,187,200,0.22);
  --surface-border:rgba(166,187,200,0.14);
}

html[data-theme="light"]{
  --ink:#f1f5f9;
  --ink-2:#ffffff;
  --fg:#0f172a;
  --fg-mute:#64748b;
  --chip:#eef3f8;
  --chip-border:rgba(15,23,42,0.18);
  --surface-border:rgba(15,23,42,0.1);
}

*,*::before,*::after{box-sizing:border-box}

/* Base type — pages own their own layout/background */
body{
  font-family:'Frutiger','Helvetica Neue',Helvetica,Arial,system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
}

/* Shared theme-toggle button */
.theme-btn{
  background:transparent;border:1px solid var(--chip-border);color:var(--fg-mute);
  border-radius:8px;width:32px;height:32px;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;font-size:16px;flex-shrink:0;
  transition:border-color 0.15s,background 0.15s;
}
.theme-btn:hover{background:rgba(166,187,200,0.12);border-color:var(--fhg-silver)}