/* Memotech Farben — Kernfarben verbatim from Styleguide (Aug 2025), S.11–12.
   Tint/shade ramps are DERIVED (oklch-mixed from the six core values); the styleguide defines only the core six. */
:root{
  /* Kernfarben */
  --indigo-violett:#6e45e2; /* Allgemein, Managed Services — Vertrauen, Tiefe, Zukunft */
  --maigruen:#95c11c;       /* IT-Consulting — Erneuerung, Orientierung */
  --karibikblau:#0a9cb3;    /* IT-Security — Klarheit, Agilität, Technik */
  --stahlblau:#344a57;      /* Navigation, Struktur, Texte */
  --neutralgrau:#808080;    /* Texte, Icons, UI */
  --hellgrau:#e6e6e6;       /* Hintergründe, Flächen */
  /* Derived ramps */
  --indigo-050:#f4f1fd;--indigo-100:#e7e0fa;--indigo-200:#cfc0f5;--indigo-300:#a78bef;--indigo-500:var(--indigo-violett);--indigo-600:#5c35c8;--indigo-700:#4a2aa3;
  --gruen-050:#f6fae4;--gruen-100:#eaf3c6;--gruen-200:#d5e78d;--gruen-500:var(--maigruen);--gruen-600:#7da316;--gruen-700:#647f28;
  --blau-050:#e7f7fa;--blau-100:#c6ecf2;--blau-200:#8ed9e5;--blau-500:var(--karibikblau);--blau-600:#088496;--blau-700:#076a79;
  --stahl-050:#eef2f4;--stahl-100:#dbe3e8;--stahl-200:#c2cfd6;--stahl-300:#9db0bb;--stahl-400:#5d7181;--stahl-700:var(--stahlblau);--stahl-800:#2a3d48;--stahl-900:#22323c;
  --grau-050:#f7f7f7;--grau-100:#f0f0f0;--grau-200:var(--hellgrau);--grau-400:#a6a6a6;--grau-500:var(--neutralgrau);
  /* Text — Schrift immer in Stahlblau, auf Dark-Backgrounds Weiß (Styleguide S.13) */
  --text-strong:var(--stahlblau);
  --text-body:var(--stahlblau);
  --text-muted:var(--neutralgrau);
  --text-on-dark:#ffffff;
  --text-on-dark-muted:rgba(255,255,255,.78);
  /* Surfaces */
  --surface-page:#ffffff;
  --surface-subtle:var(--grau-050);
  --surface-muted:var(--hellgrau);
  --surface-tint:var(--indigo-050);   /* light lavender, e.g. business-card front */
  --surface-dark:var(--stahlblau);    /* dark web sections */
  --surface-card:#ffffff;
  /* Borders */
  --border-subtle:var(--hellgrau);
  --border-muted:var(--stahl-200);
  /* Brand (defaults to Allgemein/Managed-Services world) */
  --brand:var(--indigo-violett);
  --brand-strong:var(--indigo-600);
  --brand-soft:var(--indigo-050);
  --on-brand:#ffffff;
  --link:var(--indigo-violett);
  --link-hover:var(--indigo-600);
  /* Status — INTENTIONAL ADDITION (not in styleguide; needed for form/feedback UI) */
  --success:var(--gruen-600);
  --warning:#c77d0a;
  --danger:#cf4444;
}
/* Farbwelten — scope any subtree with data-world to re-theme world-driven UI.
   Neutral themes per styleguide use Stahlblau/Neutralgrau instead. */
:root,[data-world="managed"]{--world:var(--indigo-violett);--world-strong:var(--indigo-600);--world-deep:var(--indigo-700);--world-soft:var(--indigo-050);--world-100:var(--indigo-100);--world-light:var(--indigo-300);--on-world:#fff}
[data-world="consulting"]{--world:var(--maigruen);--world-strong:var(--gruen-600);--world-deep:var(--gruen-700);--world-soft:var(--gruen-050);--world-100:var(--gruen-100);--world-light:var(--gruen-200);--on-world:#fff}
[data-world="security"]{--world:var(--karibikblau);--world-strong:var(--blau-600);--world-deep:var(--blau-700);--world-soft:var(--blau-050);--world-100:var(--blau-100);--world-light:var(--blau-200);--on-world:#fff}