/* IRMÖ IT GmbH | Markengrundlage nach Brand Kit 8D (17.10.2026)
   Farben, Schriften und Logo-Baustein für Website und Geschäftsdokumente */
/* Schriften lokal eingebunden, keine Verbindung zu Drittanbietern. Dateien liegen in assets/fonts/ */
@font-face{font-family:'Manrope';font-style:normal;font-weight:200 800;font-display:swap;src:url('../fonts/manrope-latin-variable.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/ibm-plex-mono-400.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/ibm-plex-mono-500.woff2') format('woff2')}
:root{
  /* Farbpalette */
  --graphit:#0F1419;      /* Primär */
  --stahlgrau:#4B5563;    /* Sekundär */
  --nebelgrau:#E8ECF1;    /* Flächen */
  --offwhite:#FAFBFC;     /* Seitenhintergrund */
  --silber:#D1D7E0;       /* Linien */
  --cyan:#00E5E2;         /* Akzent */
  --violet:#8B9DFF;       /* Akzent sekundär */
  /* Graustufen Light 900 bis 50 */
  --g900:#0F1419;--g800:#1F2937;--g700:#374151;--g600:#4B5563;--g500:#6B7280;
  --g400:#9CA3AF;--g300:#D1D7E0;--g200:#EBECF1;--g100:#F3F6F9;--g50:#FAFBFC;
  /* Schrift */
  --font-brand:'Manrope',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  --font-code:'IBM Plex Mono',ui-monospace,'SF Mono',Menlo,monospace;
  /* Radien und Abstände */
  --r1:4px;--r2:8px;--r3:12px;--r4:16px;
}

/* Logo-Baustein: <span class="irm-logo"> Symbol + Wortmarke </span> */
.irm-logo{display:inline-flex;align-items:center;gap:.32em;font-family:var(--font-brand);line-height:1;color:var(--graphit);text-decoration:none;white-space:nowrap}
.irm-logo svg{height:1.5em;width:auto;flex:none;display:block}
.irm-logo .wm{display:inline-flex;align-items:baseline;gap:.24em;letter-spacing:-.01em}
.irm-logo .wm b{font-weight:800}
.irm-logo .wm .it{font-weight:200}
.irm-logo .uml{position:relative;display:inline-block}
.irm-logo .uml i{position:absolute;top:-.2em;width:.16em;height:.16em;border-radius:50%;background:var(--cyan)}
.irm-logo .uml i:first-child{left:.19em}.irm-logo .uml i:last-child{right:.19em}
.irm-logo.neg{color:#fff}
.irm-logo.mono .uml i{background:currentColor}