/* =============================================================
   TOMORIS.Design 3.11.0 · tomoris-tokens.css
   ERZEUGT aus quelle/tokens.mjs. Nicht von Hand aendern.
   Neu erzeugen: npm run erzeuge

     <html data-theme="hell" data-app="werft">

   data-theme ist FREIWILLIG. Fehlt es, folgt die Palette dem
   Systemzustand (prefers-color-scheme); ein gesetztes data-theme
   gewinnt immer. Gemeldet von Werft und Whisper: ohne diesen
   Rueckfall loest im ersten Bild ohne JavaScript keine Farbe auf.

   Die Bloecke je Farbwelt sind ungleich lang, und das ist Absicht:
   [data-app="x"] traegt nur die helle Abweichung, der ausdrueckliche
   Block [data-app="x"][data-theme="dunkel"] die vollstaendige dunkle
   Palette. Nur so kann die helle Abweichung die Dunkelwahl nicht mehr
   ueberholen. Wer hier kuerzt, holt Issue #3 zurueck.

   Rollen statt Inventar. Fachfarben bleiben in der Anwendung:
   Kalenderfarben, Bildungsbereiche, Platzzustaende, Schweregrade.
   ============================================================= */

@layer tomoris.tokens {

/* ---------- Marke, modusfrei ---------- */
:root{
  --tm-brand-1: #030f5c;
  --tm-brand-2: #004aff;
  --tm-brand-3: #ed4a00;
  --tm-brand-4: #eceff1;
}

/* ---------- Konstanten, modusfrei ---------- */
:root{
  --tm-font: "Nunito Sans", system-ui, -apple-system, sans-serif;
  --tm-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;
  --tm-size-eyebrow: .75rem;
  --tm-size-h1: clamp(2rem, 1.3rem + 2.4vw, 3.4rem);
  --tm-size-h2: 1.625rem;
  --tm-size-h3: .9375rem;
  --tm-size-body: .9375rem;
  --tm-leading-body: 1.55;
  --tm-size-label: .8125rem;
  --tm-size-mono: .75rem;
  --tm-track-eyebrow: .14em;
  --tm-radius-marker: 3px;
  --tm-radius-tile: 10px;
  --tm-radius-box: 12px;
  --tm-radius-button: 12px;
  --tm-radius-card: 16px;
  --tm-radius-pill: 999px;
  --tm-dur-fast: 160ms;
  --tm-dur-slow: 320ms;
  --tm-ease: cubic-bezier(.2,.7,.3,1);
  --tm-focus-width: 2px;
  --tm-focus-offset: 2px;
}

/* ---------- Masse je Anwendung, modusfrei ---------- */
[data-app="whisper"]{
  --tm-radius-card: 14px;
  --tm-radius-button: 10px;
}
[data-app="ccr"]{
  --tm-radius-card: 12px;
  --tm-radius-box: 8px;
}
[data-app="darkwatch"]{
  --tm-radius-card: 12px;
  --tm-radius-button: 10px;
}
[data-app="werft"]{
  --tm-radius-card: 10px;
  --tm-radius-box: 8px;
  --tm-radius-button: 8px;
}
[data-app="pia"]{
  --tm-radius-card: 18px;
  --tm-radius-button: 999px;
}
[data-app="workassist"]{
  --tm-radius-card: 6px;
  --tm-radius-box: 4px;
  --tm-radius-button: 4px;
}
[data-app="itsm"]{
  --tm-radius-card: 8px;
  --tm-radius-box: 6px;
  --tm-radius-button: 6px;
}
[data-app="time"]{
  --tm-radius-card: 20px;
  --tm-radius-box: 14px;
  --tm-radius-button: 14px;
  --tm-radius-tile: 12px;
}
[data-app="designportal"]{
  --tm-radius-card: 14px;
  --tm-radius-box: 8px;
  --tm-radius-button: 6px;
  --tm-radius-tile: 10px;
}
[data-app="space"]{
  --tm-radius-card: 2px;
  --tm-radius-box: 2px;
  --tm-radius-button: 2px;
  --tm-radius-tile: 2px;
}
[data-app="directoryops"]{
  --tm-radius-card: 2px;
  --tm-radius-box: 2px;
  --tm-radius-button: 2px;
  --tm-radius-tile: 2px;
  --tm-radius-marker: 2px;
}
[data-app="cloud"]{
  --tm-radius-card: 0px;
  --tm-radius-box: 0px;
  --tm-radius-button: 0px;
  --tm-radius-tile: 0px;
  --tm-radius-marker: 0px;
}
[data-app="loni"]{
  --tm-radius-card: 0px;
  --tm-radius-box: 0px;
  --tm-radius-button: 0px;
  --tm-radius-tile: 0px;
  --tm-radius-marker: 0px;
}

[data-app="pia"]{
  --tm-brand-1: #1e4238;
  --tm-brand-2: #f2a007;
  --tm-brand-3: #e4572e;
  --tm-brand-4: #fbf9f3;
}

[data-app="loni"]{
  --tm-brand-1: #17141a;
  --tm-brand-2: #7a1f3a;
  --tm-brand-3: #e39ab0;
  --tm-brand-4: #f4f2ee;
}

/* ---------- Rollen, neutral ---------- */
:root, [data-theme="hell"]{
  color-scheme: light;
  --tm-bg: #f2f4f9;
  --tm-bg-soft: #e8ecf5;
  --tm-surface: #ffffff;
  --tm-surface-2: #f5f7fc;
  --tm-surface-3: #eef2f9;
  --tm-field: #ffffff;
  --tm-border-weak: #eaeef6;
  --tm-border: #dde3ef;
  --tm-border-strong: #c6cfe0;
  --tm-border-elevated: #7d8aa4;
  --tm-hover: #f7f9fd;
  --tm-text-1: #0d1b3d;
  --tm-text-2: #43536f;
  --tm-text-3: #5c6b89;
  --tm-text-4: #5c6b89;
  --tm-accent: #1f4fe0;
  --tm-accent-ink: #ffffff;
  --tm-accent-text: #1f4fe0;
  --tm-accent-hover: #1540c2;
  --tm-accent-soft: #eef3ff;
  --tm-accent-soft-ink: #1f4fe0;
  --tm-accent-2: #c94409;
  --tm-accent-2-ink: #ffffff;
  --tm-accent-2-text: #9a3412;
  --tm-accent-2-soft: #fef4ef;
  --tm-accent-2-soft-ink: #9a3412;
  --tm-stage: #030f5c;
  --tm-stage-2: #16247a;
  --tm-stage-3: #1f3196;
  --tm-stage-border: #4a60da;
  --tm-stage-ink: #ffffff;
  --tm-stage-text-2: #c3ccf5;
  --tm-stage-text-3: #a9b6f0;
  --tm-stage-accent: #ff8a45;
  --tm-stage-link: #6082e9;
  --tm-ok: #0f9d63;
  --tm-ok-ink: #0a7048;
  --tm-ok-fill: #e4f4ec;
  --tm-warn: #b07a05;
  --tm-warn-ink: #7a5500;
  --tm-warn-fill: #faf0dc;
  --tm-crit: #d93a25;
  --tm-crit-ink: #a82a18;
  --tm-crit-fill: #fbe7e5;
  --tm-info: #2b57d6;
  --tm-info-ink: #26507e;
  --tm-info-fill: #eaf2fb;
  --tm-unknown: #66748f;
  --tm-unknown-ink: #465470;
  --tm-unknown-fill: #eef0f4;
  --tm-shadow-sm: 0 1px 3px rgba(3,15,92,.10);
  --tm-shadow: 0 2px 8px rgba(3,15,92,.07), 0 12px 32px rgba(3,15,92,.06);
  --tm-shadow-overlay: 0 24px 64px rgba(3,15,92,.25);
  --tm-scrim: rgba(3,15,92,.35);
  --tm-glass: rgba(255,255,255,.72);
  --tm-glass-border: rgba(13,27,61,.10);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="hell"]){
    color-scheme: dark;
    --tm-bg: #071026;
    --tm-bg-soft: #0b1730;
    --tm-surface: #101a33;
    --tm-surface-2: #17233f;
    --tm-surface-3: #1e2b4a;
    --tm-field: #0d1730;
    --tm-border-weak: rgba(236,239,241,.06);
    --tm-border: rgba(236,239,241,.10);
    --tm-border-strong: rgba(236,239,241,.20);
    --tm-border-elevated: #647498;
    --tm-hover: rgba(255,255,255,.04);
    --tm-text-1: #eef2f8;
    --tm-text-2: #c3cee0;
    --tm-text-3: #a3b1c9;
    --tm-text-4: #93a2bc;
    --tm-accent: #3d72ff;
    --tm-accent-ink: #071026;
    --tm-accent-text: #84a8ff;
    --tm-accent-hover: #2452cc;
    --tm-accent-soft: rgba(61,114,255,.16);
    --tm-accent-soft-ink: #84a8ff;
    --tm-accent-2: #ff6a2b;
    --tm-accent-2-ink: #1a0a02;
    --tm-accent-2-text: #ffa870;
    --tm-accent-2-soft: rgba(255,106,43,.16);
    --tm-accent-2-soft-ink: #ffa870;
    --tm-stage: #0a1330;
    --tm-stage-2: #1b2650;
    --tm-stage-3: #243266;
    --tm-stage-border: #4760be;
    --tm-stage-ink: #ffffff;
    --tm-stage-text-2: #c3cee0;
    --tm-stage-text-3: #a9b8e8;
    --tm-stage-accent: #ff8a45;
    --tm-stage-link: #4779ff;
    --tm-ok: #33d18f;
    --tm-ok-ink: #4fdca0;
    --tm-ok-fill: rgba(51,209,143,.14);
    --tm-warn: #f5c451;
    --tm-warn-ink: #f7ce6d;
    --tm-warn-fill: rgba(245,196,81,.14);
    --tm-crit: #ff6150;
    --tm-crit-ink: #ff8878;
    --tm-crit-fill: rgba(255,97,80,.14);
    --tm-info: #7fa6ff;
    --tm-info-ink: #9dbaff;
    --tm-info-fill: rgba(127,166,255,.14);
    --tm-unknown: #93a2bc;
    --tm-unknown-ink: #a9b6cd;
    --tm-unknown-fill: rgba(147,162,188,.12);
    --tm-shadow-sm: 0 1px 3px rgba(0,0,0,.4);
    --tm-shadow: 0 18px 40px rgba(0,0,0,.42);
    --tm-shadow-overlay: 0 30px 70px rgba(0,0,0,.6);
    --tm-scrim: rgba(0,0,0,.6);
    --tm-glass: rgba(16,26,51,.58);
    --tm-glass-border: rgba(255,255,255,.12);
  }
}
[data-theme="dunkel"]{
  color-scheme: dark;
  --tm-bg: #071026;
  --tm-bg-soft: #0b1730;
  --tm-surface: #101a33;
  --tm-surface-2: #17233f;
  --tm-surface-3: #1e2b4a;
  --tm-field: #0d1730;
  --tm-border-weak: rgba(236,239,241,.06);
  --tm-border: rgba(236,239,241,.10);
  --tm-border-strong: rgba(236,239,241,.20);
  --tm-border-elevated: #647498;
  --tm-hover: rgba(255,255,255,.04);
  --tm-text-1: #eef2f8;
  --tm-text-2: #c3cee0;
  --tm-text-3: #a3b1c9;
  --tm-text-4: #93a2bc;
  --tm-accent: #3d72ff;
  --tm-accent-ink: #071026;
  --tm-accent-text: #84a8ff;
  --tm-accent-hover: #2452cc;
  --tm-accent-soft: rgba(61,114,255,.16);
  --tm-accent-soft-ink: #84a8ff;
  --tm-accent-2: #ff6a2b;
  --tm-accent-2-ink: #1a0a02;
  --tm-accent-2-text: #ffa870;
  --tm-accent-2-soft: rgba(255,106,43,.16);
  --tm-accent-2-soft-ink: #ffa870;
  --tm-stage: #0a1330;
  --tm-stage-2: #1b2650;
  --tm-stage-3: #243266;
  --tm-stage-border: #4760be;
  --tm-stage-ink: #ffffff;
  --tm-stage-text-2: #c3cee0;
  --tm-stage-text-3: #a9b8e8;
  --tm-stage-accent: #ff8a45;
  --tm-stage-link: #4779ff;
  --tm-ok: #33d18f;
  --tm-ok-ink: #4fdca0;
  --tm-ok-fill: rgba(51,209,143,.14);
  --tm-warn: #f5c451;
  --tm-warn-ink: #f7ce6d;
  --tm-warn-fill: rgba(245,196,81,.14);
  --tm-crit: #ff6150;
  --tm-crit-ink: #ff8878;
  --tm-crit-fill: rgba(255,97,80,.14);
  --tm-info: #7fa6ff;
  --tm-info-ink: #9dbaff;
  --tm-info-fill: rgba(127,166,255,.14);
  --tm-unknown: #93a2bc;
  --tm-unknown-ink: #a9b6cd;
  --tm-unknown-fill: rgba(147,162,188,.12);
  --tm-shadow-sm: 0 1px 3px rgba(0,0,0,.4);
  --tm-shadow: 0 18px 40px rgba(0,0,0,.42);
  --tm-shadow-overlay: 0 30px 70px rgba(0,0,0,.6);
  --tm-scrim: rgba(0,0,0,.6);
  --tm-glass: rgba(16,26,51,.58);
  --tm-glass-border: rgba(255,255,255,.12);
}

/* ---- space ---- */
[data-app="space"], [data-app="space"][data-theme="hell"]{
  --tm-bg: #f3f5f6;
  --tm-bg-soft: #e9edf0;
  --tm-surface: #ffffff;
  --tm-surface-2: #f6f7f8;
  --tm-surface-3: #eef1f4;
  --tm-field: #ffffff;
  --tm-border-weak: #e1e6ea;
  --tm-border: #c3cbd3;
  --tm-border-strong: #9aa5b4;
  --tm-border-elevated: #7d8a9c;
  --tm-hover: #eef2f6;
  --tm-text-1: #0b1533;
  --tm-text-2: #46536a;
  --tm-text-3: #56627a;
  --tm-text-4: #56627a;
  --tm-accent: #004aff;
  --tm-accent-ink: #ffffff;
  --tm-accent-text: #004aff;
  --tm-accent-hover: #0038c4;
  --tm-accent-soft: #e8eeff;
  --tm-accent-soft-ink: #0035b8;
  --tm-accent-2: #c94409;
  --tm-accent-2-ink: #ffffff;
  --tm-accent-2-text: #a83a07;
  --tm-accent-2-soft: #fbeee6;
  --tm-accent-2-soft-ink: #8f3206;
  --tm-stage-border: #5f6db0;
  --tm-stage-link: #a9b8ee;
  --tm-shadow-sm: 0 1px 2px rgba(11,21,51,.06);
  --tm-shadow: 0 1px 2px rgba(11,21,51,.06);
  --tm-shadow-overlay: 0 18px 48px rgba(11,21,51,.18);
  --tm-scrim: rgba(11,21,51,.42);
  --tm-glass: #ffffff;
  --tm-glass-border: #c3cbd3;
}
@media (prefers-color-scheme: dark){
  [data-app="space"]:not([data-theme="hell"]){
    --tm-bg: #111418;
    --tm-bg-soft: #0d1013;
    --tm-surface: #181c22;
    --tm-surface-2: #1f242b;
    --tm-surface-3: #272d36;
    --tm-field: #14181d;
    --tm-border-weak: rgba(232,236,242,.07);
    --tm-border: #2f3742;
    --tm-border-strong: #4a5462;
    --tm-border-elevated: #6b7686;
    --tm-hover: rgba(232,236,242,.05);
    --tm-text-1: #e8ecf2;
    --tm-text-2: #b8c1ce;
    --tm-text-3: #a3adbd;
    --tm-text-4: #95a0b2;
    --tm-accent: #6f93ff;
    --tm-accent-ink: #0b1020;
    --tm-accent-text: #9db6ff;
    --tm-accent-hover: #86a5ff;
    --tm-accent-soft: rgba(111,147,255,.16);
    --tm-accent-soft-ink: #a9c0ff;
    --tm-accent-2: #ff6a2b;
    --tm-accent-2-ink: #160a03;
    --tm-accent-2-text: #ff9a6e;
    --tm-accent-2-soft: rgba(255,106,43,.16);
    --tm-accent-2-soft-ink: #ffa880;
    --tm-stage-border: #5f6db0;
    --tm-stage-link: #a9b8ee;
    --tm-shadow-sm: 0 1px 2px rgba(0,0,0,.3);
    --tm-shadow: 0 1px 2px rgba(0,0,0,.3);
    --tm-shadow-overlay: 0 24px 60px rgba(0,0,0,.55);
    --tm-scrim: rgba(0,0,0,.6);
    --tm-glass: #181c22;
    --tm-glass-border: #2f3742;
  }
}
[data-app="space"][data-theme="dunkel"]{
  --tm-bg: #111418;
  --tm-bg-soft: #0d1013;
  --tm-surface: #181c22;
  --tm-surface-2: #1f242b;
  --tm-surface-3: #272d36;
  --tm-field: #14181d;
  --tm-border-weak: rgba(232,236,242,.07);
  --tm-border: #2f3742;
  --tm-border-strong: #4a5462;
  --tm-border-elevated: #6b7686;
  --tm-hover: rgba(232,236,242,.05);
  --tm-text-1: #e8ecf2;
  --tm-text-2: #b8c1ce;
  --tm-text-3: #a3adbd;
  --tm-text-4: #95a0b2;
  --tm-accent: #6f93ff;
  --tm-accent-ink: #0b1020;
  --tm-accent-text: #9db6ff;
  --tm-accent-hover: #86a5ff;
  --tm-accent-soft: rgba(111,147,255,.16);
  --tm-accent-soft-ink: #a9c0ff;
  --tm-accent-2: #ff6a2b;
  --tm-accent-2-ink: #160a03;
  --tm-accent-2-text: #ff9a6e;
  --tm-accent-2-soft: rgba(255,106,43,.16);
  --tm-accent-2-soft-ink: #ffa880;
  --tm-stage: #0a1330;
  --tm-stage-2: #1b2650;
  --tm-stage-3: #243266;
  --tm-stage-border: #5f6db0;
  --tm-stage-ink: #ffffff;
  --tm-stage-text-2: #c3cee0;
  --tm-stage-text-3: #a9b8e8;
  --tm-stage-accent: #ff8a45;
  --tm-stage-link: #a9b8ee;
  --tm-ok: #33d18f;
  --tm-ok-ink: #4fdca0;
  --tm-ok-fill: rgba(51,209,143,.14);
  --tm-warn: #f5c451;
  --tm-warn-ink: #f7ce6d;
  --tm-warn-fill: rgba(245,196,81,.14);
  --tm-crit: #ff6150;
  --tm-crit-ink: #ff8878;
  --tm-crit-fill: rgba(255,97,80,.14);
  --tm-info: #7fa6ff;
  --tm-info-ink: #9dbaff;
  --tm-info-fill: rgba(127,166,255,.14);
  --tm-unknown: #93a2bc;
  --tm-unknown-ink: #a9b6cd;
  --tm-unknown-fill: rgba(147,162,188,.12);
  --tm-shadow-sm: 0 1px 2px rgba(0,0,0,.3);
  --tm-shadow: 0 1px 2px rgba(0,0,0,.3);
  --tm-shadow-overlay: 0 24px 60px rgba(0,0,0,.55);
  --tm-scrim: rgba(0,0,0,.6);
  --tm-glass: #181c22;
  --tm-glass-border: #2f3742;
}

/* ---- pia ---- */
[data-app="pia"], [data-app="pia"][data-theme="hell"]{
  --tm-bg: #faf6ef;
  --tm-bg-soft: #f3ecdf;
  --tm-surface: #ffffff;
  --tm-surface-2: #fbf7f0;
  --tm-surface-3: #f4f1e6;
  --tm-field: #ffffff;
  --tm-border-weak: #f2ece0;
  --tm-border: #e7e2d2;
  --tm-border-strong: #d3c7b2;
  --tm-border-elevated: #8d8069;
  --tm-hover: #fbf8f2;
  --tm-text-1: #1e4238;
  --tm-text-2: #41594f;
  --tm-text-3: #526b60;
  --tm-text-4: #526b60;
  --tm-accent: #c9431f;
  --tm-accent-ink: #ffffff;
  --tm-accent-text: #c9431f;
  --tm-accent-hover: #ab3617;
  --tm-accent-soft: #fdeee7;
  --tm-accent-soft-ink: #be3f1d;
  --tm-accent-2: #1e4238;
  --tm-accent-2-ink: #eaf2ec;
  --tm-accent-2-text: #1e4238;
  --tm-accent-2-soft: #edf7f4;
  --tm-accent-2-soft-ink: #1e4238;
  --tm-stage: #1e4238;
  --tm-stage-2: #173730;
  --tm-stage-3: #255045;
  --tm-stage-border: #469883;
  --tm-stage-ink: #eaf2ec;
  --tm-stage-text-2: #c8dccf;
  --tm-stage-text-3: #a8c4b4;
  --tm-stage-accent: #f2a007;
  --tm-stage-link: #eb927a;
  --tm-ok: #2e6e45;
  --tm-ok-ink: #255c39;
  --tm-ok-fill: #e3f1e7;
  --tm-warn: #9a6b00;
  --tm-warn-ink: #7a5600;
  --tm-warn-fill: #fcefd4;
  --tm-crit: #b03a1b;
  --tm-crit-ink: #8f2f16;
  --tm-crit-fill: #fbe2da;
  --tm-info: #2e5fa3;
  --tm-info-ink: #264e86;
  --tm-info-fill: #e3ecf8;
  --tm-unknown: #5a5a55;
  --tm-unknown-ink: #4a4a46;
  --tm-unknown-fill: #f2f2f0;
  --tm-glass-border: rgba(30,66,56,.12);
  --tm-shadow: 0 16px 40px rgba(30,66,56,.12);
}
@media (prefers-color-scheme: dark){
  [data-app="pia"]:not([data-theme="hell"]){
    --tm-bg: #12251f;
    --tm-bg-soft: #0d1c17;
    --tm-surface: #1a332b;
    --tm-surface-2: #204036;
    --tm-surface-3: #28503f;
    --tm-field: #162c24;
    --tm-border-weak: rgba(243,237,226,.07);
    --tm-border: rgba(243,237,226,.13);
    --tm-border-strong: rgba(243,237,226,.24);
    --tm-border-elevated: #7d9c8b;
    --tm-text-1: #f3ede2;
    --tm-text-2: #cbd9d0;
    --tm-text-3: #aebfb4;
    --tm-text-4: #9db0a4;
    --tm-accent: #ff7a4d;
    --tm-accent-ink: #1d0f09;
    --tm-accent-text: #ff9c78;
    --tm-accent-hover: #e8663a;
    --tm-accent-soft: rgba(255,122,77,.16);
    --tm-accent-soft-ink: #ff9c78;
    --tm-accent-2: #8ed6ae;
    --tm-accent-2-ink: #0d1c17;
    --tm-accent-2-text: #8ed6ae;
    --tm-accent-2-soft: rgba(142,214,174,.16);
    --tm-accent-2-soft-ink: #8ed6ae;
    --tm-stage: #0f1f1a;
    --tm-stage-2: #173730;
    --tm-stage-3: #1e4238;
    --tm-stage-border: #387b69;
    --tm-stage-ink: #eaf2ec;
    --tm-stage-text-2: #cbd9d0;
    --tm-stage-text-3: #aec8ba;
    --tm-stage-accent: #f2a007;
    --tm-stage-link: #ff7a4d;
    --tm-ok: #5bc98f;
    --tm-ok-ink: #6ed3a0;
  }
}
[data-app="pia"][data-theme="dunkel"]{
  --tm-bg: #12251f;
  --tm-bg-soft: #0d1c17;
  --tm-surface: #1a332b;
  --tm-surface-2: #204036;
  --tm-surface-3: #28503f;
  --tm-field: #162c24;
  --tm-border-weak: rgba(243,237,226,.07);
  --tm-border: rgba(243,237,226,.13);
  --tm-border-strong: rgba(243,237,226,.24);
  --tm-border-elevated: #7d9c8b;
  --tm-hover: rgba(255,255,255,.04);
  --tm-text-1: #f3ede2;
  --tm-text-2: #cbd9d0;
  --tm-text-3: #aebfb4;
  --tm-text-4: #9db0a4;
  --tm-accent: #ff7a4d;
  --tm-accent-ink: #1d0f09;
  --tm-accent-text: #ff9c78;
  --tm-accent-hover: #e8663a;
  --tm-accent-soft: rgba(255,122,77,.16);
  --tm-accent-soft-ink: #ff9c78;
  --tm-accent-2: #8ed6ae;
  --tm-accent-2-ink: #0d1c17;
  --tm-accent-2-text: #8ed6ae;
  --tm-accent-2-soft: rgba(142,214,174,.16);
  --tm-accent-2-soft-ink: #8ed6ae;
  --tm-stage: #0f1f1a;
  --tm-stage-2: #173730;
  --tm-stage-3: #1e4238;
  --tm-stage-border: #387b69;
  --tm-stage-ink: #eaf2ec;
  --tm-stage-text-2: #cbd9d0;
  --tm-stage-text-3: #aec8ba;
  --tm-stage-accent: #f2a007;
  --tm-stage-link: #ff7a4d;
  --tm-ok: #5bc98f;
  --tm-ok-ink: #6ed3a0;
  --tm-ok-fill: rgba(51,209,143,.14);
  --tm-warn: #f5c451;
  --tm-warn-ink: #f7ce6d;
  --tm-warn-fill: rgba(245,196,81,.14);
  --tm-crit: #ff6150;
  --tm-crit-ink: #ff8878;
  --tm-crit-fill: rgba(255,97,80,.14);
  --tm-info: #7fa6ff;
  --tm-info-ink: #9dbaff;
  --tm-info-fill: rgba(127,166,255,.14);
  --tm-unknown: #93a2bc;
  --tm-unknown-ink: #a9b6cd;
  --tm-unknown-fill: rgba(147,162,188,.12);
  --tm-shadow-sm: 0 1px 3px rgba(0,0,0,.4);
  --tm-shadow: 0 18px 40px rgba(0,0,0,.42);
  --tm-shadow-overlay: 0 30px 70px rgba(0,0,0,.6);
  --tm-scrim: rgba(0,0,0,.6);
  --tm-glass: rgba(16,26,51,.58);
  --tm-glass-border: rgba(255,255,255,.12);
}

/* ---- loni ---- */
[data-app="loni"], [data-app="loni"][data-theme="hell"]{
  --tm-bg: #f4f2ee;
  --tm-bg-soft: #ebe9e6;
  --tm-surface: #ffffff;
  --tm-surface-2: #faf9f7;
  --tm-surface-3: #ebe9e6;
  --tm-field: #ffffff;
  --tm-border-weak: rgba(23,20,26,.07);
  --tm-border: rgba(23,20,26,.10);
  --tm-border-strong: rgba(23,20,26,.2);
  --tm-border-elevated: #8f898c;
  --tm-hover: #ebe9e6;
  --tm-text-1: #17141a;
  --tm-text-2: #4a4448;
  --tm-text-3: #6b6468;
  --tm-text-4: #6b6468;
  --tm-accent: #7a1f3a;
  --tm-accent-ink: #ffffff;
  --tm-accent-text: #7a1f3a;
  --tm-accent-hover: #5c1529;
  --tm-accent-soft: #f2e9eb;
  --tm-accent-soft-ink: #7a1f3a;
  --tm-accent-2: #4a4448;
  --tm-accent-2-ink: #ffffff;
  --tm-accent-2-text: #4a4448;
  --tm-accent-2-soft: #ebe9e6;
  --tm-accent-2-soft-ink: #17141a;
  --tm-stage: #17141a;
  --tm-stage-2: #1f1b22;
  --tm-stage-3: #27232a;
  --tm-stage-border: #af5d75;
  --tm-stage-ink: #f1ece9;
  --tm-stage-text-2: #d9d1d3;
  --tm-stage-text-3: #b9b0b3;
  --tm-stage-accent: #e39ab0;
  --tm-stage-link: #e39ab0;
  --tm-ok: #2f7a52;
  --tm-ok-ink: #266242;
  --tm-ok-fill: #eaf2ee;
  --tm-warn: #93680a;
  --tm-warn-ink: #765308;
  --tm-warn-fill: #f4f0e7;
  --tm-crit: #b3362a;
  --tm-crit-ink: #8f2b22;
  --tm-crit-fill: #f7ebea;
  --tm-info: #7a1f3a;
  --tm-info-ink: #62192e;
  --tm-info-fill: #f2e9eb;
  --tm-unknown: #6b6468;
  --tm-unknown-ink: #4a4448;
  --tm-unknown-fill: #ebe9e6;
  --tm-shadow-sm: 0 1px 0 rgba(23,20,26,.04);
  --tm-shadow: 0 1px 0 rgba(23,20,26,.04);
  --tm-shadow-overlay: 0 18px 48px rgba(23,20,26,.18);
  --tm-scrim: rgba(23,20,26,.45);
  --tm-glass: #ffffff;
  --tm-glass-border: rgba(23,20,26,.2);
}
@media (prefers-color-scheme: dark){
  [data-app="loni"]:not([data-theme="hell"]){
    --tm-bg: #0f0d10;
    --tm-bg-soft: #1f1b22;
    --tm-surface: #17141a;
    --tm-surface-2: #1f1b22;
    --tm-surface-3: #1f1b22;
    --tm-field: #121014;
    --tm-border-weak: rgba(255,255,255,.05);
    --tm-border: rgba(255,255,255,.08);
    --tm-border-strong: rgba(255,255,255,.16);
    --tm-border-elevated: #6e686b;
    --tm-hover: #1f1b22;
    --tm-text-1: #f1ece9;
    --tm-text-2: #d9d1d3;
    --tm-text-3: #b9b0b3;
    --tm-text-4: #b1a8ab;
    --tm-accent: #e39ab0;
    --tm-accent-ink: #0f0d10;
    --tm-accent-text: #e39ab0;
    --tm-accent-hover: #edbdcc;
    --tm-accent-soft: rgba(227,154,176,.08);
    --tm-accent-soft-ink: #e39ab0;
    --tm-accent-2: #d9d1d3;
    --tm-accent-2-ink: #0f0d10;
    --tm-accent-2-text: #d9d1d3;
    --tm-accent-2-soft: rgba(241,236,233,.08);
    --tm-accent-2-soft-ink: #f1ece9;
    --tm-stage: #17141a;
    --tm-stage-2: #1f1b22;
    --tm-stage-3: #27232a;
    --tm-stage-border: #af5d75;
    --tm-stage-ink: #f1ece9;
    --tm-stage-text-2: #d9d1d3;
    --tm-stage-text-3: #b9b0b3;
    --tm-stage-accent: #e39ab0;
    --tm-stage-link: #edbdcc;
    --tm-ok: #62b98a;
    --tm-ok-ink: #89cba7;
    --tm-ok-fill: rgba(98,185,138,.14);
    --tm-warn: #dcae4a;
    --tm-warn-ink: #e5c277;
    --tm-warn-fill: rgba(220,174,74,.14);
    --tm-crit: #e2664f;
    --tm-crit-ink: #e98c7b;
    --tm-crit-fill: rgba(226,102,79,.14);
    --tm-info: #e39ab0;
    --tm-info-ink: #eab3c4;
    --tm-info-fill: rgba(227,154,176,.14);
    --tm-unknown: #b9b0b3;
    --tm-unknown-ink: #d9d1d3;
    --tm-unknown-fill: rgba(185,176,179,.12);
    --tm-shadow-sm: 0 1px 0 rgba(0,0,0,.25);
    --tm-shadow: 0 1px 0 rgba(0,0,0,.25);
    --tm-shadow-overlay: 0 24px 60px rgba(0,0,0,.55);
    --tm-scrim: rgba(0,0,0,.6);
    --tm-glass: #17141a;
    --tm-glass-border: rgba(255,255,255,.16);
  }
}
[data-app="loni"][data-theme="dunkel"]{
  --tm-bg: #0f0d10;
  --tm-bg-soft: #1f1b22;
  --tm-surface: #17141a;
  --tm-surface-2: #1f1b22;
  --tm-surface-3: #1f1b22;
  --tm-field: #121014;
  --tm-border-weak: rgba(255,255,255,.05);
  --tm-border: rgba(255,255,255,.08);
  --tm-border-strong: rgba(255,255,255,.16);
  --tm-border-elevated: #6e686b;
  --tm-hover: #1f1b22;
  --tm-text-1: #f1ece9;
  --tm-text-2: #d9d1d3;
  --tm-text-3: #b9b0b3;
  --tm-text-4: #b1a8ab;
  --tm-accent: #e39ab0;
  --tm-accent-ink: #0f0d10;
  --tm-accent-text: #e39ab0;
  --tm-accent-hover: #edbdcc;
  --tm-accent-soft: rgba(227,154,176,.08);
  --tm-accent-soft-ink: #e39ab0;
  --tm-accent-2: #d9d1d3;
  --tm-accent-2-ink: #0f0d10;
  --tm-accent-2-text: #d9d1d3;
  --tm-accent-2-soft: rgba(241,236,233,.08);
  --tm-accent-2-soft-ink: #f1ece9;
  --tm-stage: #17141a;
  --tm-stage-2: #1f1b22;
  --tm-stage-3: #27232a;
  --tm-stage-border: #af5d75;
  --tm-stage-ink: #f1ece9;
  --tm-stage-text-2: #d9d1d3;
  --tm-stage-text-3: #b9b0b3;
  --tm-stage-accent: #e39ab0;
  --tm-stage-link: #edbdcc;
  --tm-ok: #62b98a;
  --tm-ok-ink: #89cba7;
  --tm-ok-fill: rgba(98,185,138,.14);
  --tm-warn: #dcae4a;
  --tm-warn-ink: #e5c277;
  --tm-warn-fill: rgba(220,174,74,.14);
  --tm-crit: #e2664f;
  --tm-crit-ink: #e98c7b;
  --tm-crit-fill: rgba(226,102,79,.14);
  --tm-info: #e39ab0;
  --tm-info-ink: #eab3c4;
  --tm-info-fill: rgba(227,154,176,.14);
  --tm-unknown: #b9b0b3;
  --tm-unknown-ink: #d9d1d3;
  --tm-unknown-fill: rgba(185,176,179,.12);
  --tm-shadow-sm: 0 1px 0 rgba(0,0,0,.25);
  --tm-shadow: 0 1px 0 rgba(0,0,0,.25);
  --tm-shadow-overlay: 0 24px 60px rgba(0,0,0,.55);
  --tm-scrim: rgba(0,0,0,.6);
  --tm-glass: #17141a;
  --tm-glass-border: rgba(255,255,255,.16);
}

/* ---- ccr ---- */
[data-app="ccr"], [data-app="ccr"][data-theme="hell"]{
  --tm-bg: #edf2f8;
  --tm-bg-soft: #e3eaf3;
  --tm-surface: #ffffff;
  --tm-surface-2: #f1f7fd;
  --tm-surface-3: #e7edf5;
  --tm-border-weak: #eff4f9;
  --tm-border: #e3eaf3;
  --tm-border-strong: #cbd5ee;
  --tm-hover: #eef4fb;
  --tm-text-1: #2c3a56;
  --tm-text-2: #45536e;
  --tm-text-3: #5c6a86;
  --tm-text-4: #5c6a86;
  --tm-accent: #3c6da9;
  --tm-accent-ink: #ffffff;
  --tm-accent-text: #2f6299;
  --tm-accent-hover: #2f5c92;
  --tm-accent-soft: #e6eff8;
  --tm-accent-soft-ink: #2f6299;
  --tm-accent-2-soft: #fee9e0;
  --tm-stage: #1c2739;
  --tm-stage-2: #243149;
  --tm-stage-3: #2e3d59;
  --tm-stage-border: #5874a9;
  --tm-stage-ink: #ffffff;
  --tm-stage-text-2: #dce5f0;
  --tm-stage-text-3: #b3c1d6;
  --tm-stage-accent: #ff9f97;
  --tm-stage-link: #6693c9;
  --tm-ok: #2e9e6a;
  --tm-ok-ink: #1c7a4d;
  --tm-warn: #b9821e;
  --tm-warn-ink: #7a5500;
  --tm-crit: #d6524b;
  --tm-crit-ink: #8e322c;
  --tm-info: #3c6da9;
  --tm-info-ink: #26507e;
  --tm-unknown: #7387a5;
  --tm-unknown-ink: #4d5f7d;
  --tm-unknown-fill: #eef1f7;
}
@media (prefers-color-scheme: dark){
  [data-app="ccr"]:not([data-theme="hell"]){
    --tm-bg: #0b1120;
    --tm-bg-soft: #0f1830;
    --tm-surface: #131c31;
    --tm-surface-2: #1a2540;
    --tm-accent: #5b8cff;
    --tm-accent-ink: #08122b;
    --tm-accent-text: #93b4ff;
    --tm-accent-hover: #4a76e0;
    --tm-accent-soft-ink: #93b4ff;
    --tm-stage-link: #5b8cff;
    --tm-stage-ink: #ffffff;
  }
}
[data-app="ccr"][data-theme="dunkel"]{
  --tm-bg: #0b1120;
  --tm-bg-soft: #0f1830;
  --tm-surface: #131c31;
  --tm-surface-2: #1a2540;
  --tm-surface-3: #1e2b4a;
  --tm-field: #0d1730;
  --tm-border-weak: rgba(236,239,241,.06);
  --tm-border: rgba(236,239,241,.10);
  --tm-border-strong: rgba(236,239,241,.20);
  --tm-border-elevated: #647498;
  --tm-hover: rgba(255,255,255,.04);
  --tm-text-1: #eef2f8;
  --tm-text-2: #c3cee0;
  --tm-text-3: #a3b1c9;
  --tm-text-4: #93a2bc;
  --tm-accent: #5b8cff;
  --tm-accent-ink: #08122b;
  --tm-accent-text: #93b4ff;
  --tm-accent-hover: #4a76e0;
  --tm-accent-soft: rgba(61,114,255,.16);
  --tm-accent-soft-ink: #93b4ff;
  --tm-accent-2: #ff6a2b;
  --tm-accent-2-ink: #1a0a02;
  --tm-accent-2-text: #ffa870;
  --tm-accent-2-soft: rgba(255,106,43,.16);
  --tm-accent-2-soft-ink: #ffa870;
  --tm-stage: #0a1330;
  --tm-stage-2: #1b2650;
  --tm-stage-3: #243266;
  --tm-stage-border: #4760be;
  --tm-stage-ink: #ffffff;
  --tm-stage-text-2: #c3cee0;
  --tm-stage-text-3: #a9b8e8;
  --tm-stage-accent: #ff8a45;
  --tm-stage-link: #5b8cff;
  --tm-ok: #33d18f;
  --tm-ok-ink: #4fdca0;
  --tm-ok-fill: rgba(51,209,143,.14);
  --tm-warn: #f5c451;
  --tm-warn-ink: #f7ce6d;
  --tm-warn-fill: rgba(245,196,81,.14);
  --tm-crit: #ff6150;
  --tm-crit-ink: #ff8878;
  --tm-crit-fill: rgba(255,97,80,.14);
  --tm-info: #7fa6ff;
  --tm-info-ink: #9dbaff;
  --tm-info-fill: rgba(127,166,255,.14);
  --tm-unknown: #93a2bc;
  --tm-unknown-ink: #a9b6cd;
  --tm-unknown-fill: rgba(147,162,188,.12);
  --tm-shadow-sm: 0 1px 3px rgba(0,0,0,.4);
  --tm-shadow: 0 18px 40px rgba(0,0,0,.42);
  --tm-shadow-overlay: 0 30px 70px rgba(0,0,0,.6);
  --tm-scrim: rgba(0,0,0,.6);
  --tm-glass: rgba(16,26,51,.58);
  --tm-glass-border: rgba(255,255,255,.12);
}

/* ---- cloud ---- */
[data-app="cloud"], [data-app="cloud"][data-theme="hell"]{
  --tm-bg: #f3f3f1;
  --tm-bg-soft: #ecece9;
  --tm-surface: #fafaf8;
  --tm-surface-2: #f6f6f4;
  --tm-surface-3: #ecece9;
  --tm-field: #fafaf8;
  --tm-border-weak: rgba(10,10,11,.06);
  --tm-border: rgba(10,10,11,.09);
  --tm-border-strong: rgba(10,10,11,.2);
  --tm-border-elevated: #82827c;
  --tm-hover: #ecece9;
  --tm-text-1: #0a0a0b;
  --tm-text-2: #3a3a38;
  --tm-text-3: #66665f;
  --tm-text-4: #66665f;
  --tm-accent: #3d5966;
  --tm-accent-ink: #f3f3f1;
  --tm-accent-text: #3d5966;
  --tm-accent-hover: #334a55;
  --tm-accent-soft: #e7eae9;
  --tm-accent-soft-ink: #3d5966;
  --tm-accent-2: #3a3a38;
  --tm-accent-2-ink: #f3f3f1;
  --tm-accent-2-text: #3a3a38;
  --tm-accent-2-soft: #ecece9;
  --tm-accent-2-soft-ink: #0a0a0b;
  --tm-stage: #0a0a0b;
  --tm-stage-2: #121214;
  --tm-stage-3: #19191c;
  --tm-stage-border: #688490;
  --tm-stage-ink: #ededea;
  --tm-stage-text-2: #b9b9b4;
  --tm-stage-text-3: #8a8a84;
  --tm-stage-accent: #a9c4d0;
  --tm-stage-link: #a9c4d0;
  --tm-ok: #2f7a52;
  --tm-ok-ink: #266242;
  --tm-ok-fill: #e6ede7;
  --tm-warn: #93680a;
  --tm-warn-ink: #765308;
  --tm-warn-fill: #f0ebe0;
  --tm-crit: #b3362a;
  --tm-crit-ink: #8f2b22;
  --tm-crit-fill: #f3e6e3;
  --tm-info: #3d5966;
  --tm-info-ink: #314752;
  --tm-info-fill: #e7eae9;
  --tm-unknown: #66665f;
  --tm-unknown-ink: #3a3a38;
  --tm-unknown-fill: #ecece9;
  --tm-shadow-sm: 0 1px 0 rgba(10,10,11,.04);
  --tm-shadow: 0 1px 0 rgba(10,10,11,.04);
  --tm-shadow-overlay: 0 18px 48px rgba(10,10,11,.18);
  --tm-scrim: rgba(10,10,11,.45);
  --tm-glass: #fafaf8;
  --tm-glass-border: rgba(10,10,11,.2);
}
@media (prefers-color-scheme: dark){
  [data-app="cloud"]:not([data-theme="hell"]){
    --tm-bg: #0a0a0b;
    --tm-bg-soft: #19191c;
    --tm-surface: #121214;
    --tm-surface-2: #19191c;
    --tm-surface-3: #19191c;
    --tm-field: #121214;
    --tm-border-weak: rgba(255,255,255,.05);
    --tm-border: rgba(255,255,255,.07);
    --tm-border-strong: rgba(255,255,255,.16);
    --tm-border-elevated: #70706c;
    --tm-hover: #19191c;
    --tm-text-1: #ededea;
    --tm-text-2: #b9b9b4;
    --tm-text-3: #8a8a84;
    --tm-text-4: #84847e;
    --tm-accent: #a9c4d0;
    --tm-accent-ink: #0a0a0b;
    --tm-accent-text: #a9c4d0;
    --tm-accent-hover: #c7d9e0;
    --tm-accent-soft: rgba(169,196,208,.08);
    --tm-accent-soft-ink: #a9c4d0;
    --tm-accent-2: #b9b9b4;
    --tm-accent-2-ink: #0a0a0b;
    --tm-accent-2-text: #b9b9b4;
    --tm-accent-2-soft: rgba(237,237,234,.08);
    --tm-accent-2-soft-ink: #ededea;
    --tm-stage: #0a0a0b;
    --tm-stage-2: #121214;
    --tm-stage-3: #19191c;
    --tm-stage-border: #688490;
    --tm-stage-ink: #ededea;
    --tm-stage-text-2: #b9b9b4;
    --tm-stage-text-3: #8a8a84;
    --tm-stage-accent: #a9c4d0;
    --tm-stage-link: #c7d9e0;
    --tm-ok: #62b98a;
    --tm-ok-ink: #89cba7;
    --tm-ok-fill: rgba(98,185,138,.14);
    --tm-warn: #dcae4a;
    --tm-warn-ink: #e5c277;
    --tm-warn-fill: rgba(220,174,74,.14);
    --tm-crit: #e2664f;
    --tm-crit-ink: #e98c7b;
    --tm-crit-fill: rgba(226,102,79,.14);
    --tm-info: #a9c4d0;
    --tm-info-ink: #bfd3dc;
    --tm-info-fill: rgba(169,196,208,.14);
    --tm-unknown: #8a8a84;
    --tm-unknown-ink: #b9b9b4;
    --tm-unknown-fill: rgba(138,138,132,.12);
    --tm-shadow-sm: 0 1px 0 rgba(0,0,0,.25);
    --tm-shadow: 0 1px 0 rgba(0,0,0,.25);
    --tm-shadow-overlay: 0 24px 60px rgba(0,0,0,.55);
    --tm-scrim: rgba(0,0,0,.6);
    --tm-glass: #121214;
    --tm-glass-border: rgba(255,255,255,.16);
  }
}
[data-app="cloud"][data-theme="dunkel"]{
  --tm-bg: #0a0a0b;
  --tm-bg-soft: #19191c;
  --tm-surface: #121214;
  --tm-surface-2: #19191c;
  --tm-surface-3: #19191c;
  --tm-field: #121214;
  --tm-border-weak: rgba(255,255,255,.05);
  --tm-border: rgba(255,255,255,.07);
  --tm-border-strong: rgba(255,255,255,.16);
  --tm-border-elevated: #70706c;
  --tm-hover: #19191c;
  --tm-text-1: #ededea;
  --tm-text-2: #b9b9b4;
  --tm-text-3: #8a8a84;
  --tm-text-4: #84847e;
  --tm-accent: #a9c4d0;
  --tm-accent-ink: #0a0a0b;
  --tm-accent-text: #a9c4d0;
  --tm-accent-hover: #c7d9e0;
  --tm-accent-soft: rgba(169,196,208,.08);
  --tm-accent-soft-ink: #a9c4d0;
  --tm-accent-2: #b9b9b4;
  --tm-accent-2-ink: #0a0a0b;
  --tm-accent-2-text: #b9b9b4;
  --tm-accent-2-soft: rgba(237,237,234,.08);
  --tm-accent-2-soft-ink: #ededea;
  --tm-stage: #0a0a0b;
  --tm-stage-2: #121214;
  --tm-stage-3: #19191c;
  --tm-stage-border: #688490;
  --tm-stage-ink: #ededea;
  --tm-stage-text-2: #b9b9b4;
  --tm-stage-text-3: #8a8a84;
  --tm-stage-accent: #a9c4d0;
  --tm-stage-link: #c7d9e0;
  --tm-ok: #62b98a;
  --tm-ok-ink: #89cba7;
  --tm-ok-fill: rgba(98,185,138,.14);
  --tm-warn: #dcae4a;
  --tm-warn-ink: #e5c277;
  --tm-warn-fill: rgba(220,174,74,.14);
  --tm-crit: #e2664f;
  --tm-crit-ink: #e98c7b;
  --tm-crit-fill: rgba(226,102,79,.14);
  --tm-info: #a9c4d0;
  --tm-info-ink: #bfd3dc;
  --tm-info-fill: rgba(169,196,208,.14);
  --tm-unknown: #8a8a84;
  --tm-unknown-ink: #b9b9b4;
  --tm-unknown-fill: rgba(138,138,132,.12);
  --tm-shadow-sm: 0 1px 0 rgba(0,0,0,.25);
  --tm-shadow: 0 1px 0 rgba(0,0,0,.25);
  --tm-shadow-overlay: 0 24px 60px rgba(0,0,0,.55);
  --tm-scrim: rgba(0,0,0,.6);
  --tm-glass: #121214;
  --tm-glass-border: rgba(255,255,255,.16);
}

/* ---- whisper ---- */
[data-app="whisper"], [data-app="whisper"][data-theme="hell"]{
  --tm-bg: #ffffff;
  --tm-bg-soft: #f2f5fa;
  --tm-surface: #f2f5fa;
  --tm-surface-2: #ffffff;
  --tm-surface-3: #e8edf6;
  --tm-field: #ffffff;
  --tm-border-weak: #eef1f7;
  --tm-border: #e2e7f0;
  --tm-border-strong: #c3ccde;
  --tm-border-elevated: #7d8aa4;
  --tm-text-1: #0f1420;
  --tm-text-2: #4a5570;
  --tm-text-3: #5c6980;
  --tm-text-4: #5c6980;
  --tm-accent: #1b4ae0;
  --tm-accent-ink: #ffffff;
  --tm-accent-text: #1442c8;
  --tm-accent-hover: #1540c2;
  --tm-accent-soft: #eef3ff;
  --tm-accent-soft-ink: #1442c8;
  --tm-accent-2: #c2410c;
  --tm-accent-2-ink: #ffffff;
  --tm-accent-2-text: #9a3412;
  --tm-accent-2-soft: #fef3ef;
  --tm-stage-link: #5e80ec;
}
@media (prefers-color-scheme: dark){
  [data-app="whisper"]:not([data-theme="hell"]){
    --tm-bg: #171c28;
    --tm-bg-soft: #12161f;
    --tm-surface: #212a3c;
    --tm-surface-2: #151a26;
    --tm-surface-3: #2a3550;
    --tm-field: #151a26;
    --tm-border-weak: rgba(255,255,255,.06);
    --tm-border: #363e50;
    --tm-border-strong: #3d4863;
    --tm-border-elevated: #647498;
    --tm-text-1: #f2f5fa;
    --tm-text-2: #b3bfd4;
    --tm-text-3: #a0adc4;
    --tm-text-4: #8b98b4;
    --tm-accent: #2a5fe8;
    --tm-accent-ink: #ffffff;
    --tm-accent-text: #8ab0ff;
    --tm-accent-hover: #2452cc;
    --tm-accent-soft: rgba(42,95,232,.18);
    --tm-accent-soft-ink: #8ab0ff;
    --tm-accent-2: #ff8a45;
    --tm-accent-2-ink: #1a0a02;
    --tm-accent-2-text: #ffa870;
    --tm-accent-2-soft: rgba(255,138,69,.18);
    --tm-stage-border: #4f67c1;
    --tm-stage-link: #517cec;
  }
}
[data-app="whisper"][data-theme="dunkel"]{
  --tm-bg: #171c28;
  --tm-bg-soft: #12161f;
  --tm-surface: #212a3c;
  --tm-surface-2: #151a26;
  --tm-surface-3: #2a3550;
  --tm-field: #151a26;
  --tm-border-weak: rgba(255,255,255,.06);
  --tm-border: #363e50;
  --tm-border-strong: #3d4863;
  --tm-border-elevated: #647498;
  --tm-hover: rgba(255,255,255,.04);
  --tm-text-1: #f2f5fa;
  --tm-text-2: #b3bfd4;
  --tm-text-3: #a0adc4;
  --tm-text-4: #8b98b4;
  --tm-accent: #2a5fe8;
  --tm-accent-ink: #ffffff;
  --tm-accent-text: #8ab0ff;
  --tm-accent-hover: #2452cc;
  --tm-accent-soft: rgba(42,95,232,.18);
  --tm-accent-soft-ink: #8ab0ff;
  --tm-accent-2: #ff8a45;
  --tm-accent-2-ink: #1a0a02;
  --tm-accent-2-text: #ffa870;
  --tm-accent-2-soft: rgba(255,138,69,.18);
  --tm-accent-2-soft-ink: #ffa870;
  --tm-stage: #0a1330;
  --tm-stage-2: #1b2650;
  --tm-stage-3: #243266;
  --tm-stage-border: #4f67c1;
  --tm-stage-ink: #ffffff;
  --tm-stage-text-2: #c3cee0;
  --tm-stage-text-3: #a9b8e8;
  --tm-stage-accent: #ff8a45;
  --tm-stage-link: #517cec;
  --tm-ok: #33d18f;
  --tm-ok-ink: #4fdca0;
  --tm-ok-fill: rgba(51,209,143,.14);
  --tm-warn: #f5c451;
  --tm-warn-ink: #f7ce6d;
  --tm-warn-fill: rgba(245,196,81,.14);
  --tm-crit: #ff6150;
  --tm-crit-ink: #ff8878;
  --tm-crit-fill: rgba(255,97,80,.14);
  --tm-info: #7fa6ff;
  --tm-info-ink: #9dbaff;
  --tm-info-fill: rgba(127,166,255,.14);
  --tm-unknown: #93a2bc;
  --tm-unknown-ink: #a9b6cd;
  --tm-unknown-fill: rgba(147,162,188,.12);
  --tm-shadow-sm: 0 1px 3px rgba(0,0,0,.4);
  --tm-shadow: 0 18px 40px rgba(0,0,0,.42);
  --tm-shadow-overlay: 0 30px 70px rgba(0,0,0,.6);
  --tm-scrim: rgba(0,0,0,.6);
  --tm-glass: rgba(16,26,51,.58);
  --tm-glass-border: rgba(255,255,255,.12);
}

/* ---- supplycheck ---- */
[data-app="supplycheck"], [data-app="supplycheck"][data-theme="hell"]{
  --tm-bg: #f1f4fa;
  --tm-bg-soft: #eceff1;
  --tm-text-1: #0a1a4d;
  --tm-text-2: #3f4f78;
  --tm-text-3: #4f6086;
  --tm-text-4: #4f6086;
  --tm-accent: #004aff;
  --tm-accent-ink: #ffffff;
  --tm-accent-text: #0b3ecc;
  --tm-accent-hover: #0038c4;
  --tm-accent-soft: #eef3ff;
  --tm-accent-soft-ink: #0b3ecc;
  --tm-accent-2: #c94409;
  --tm-accent-2-ink: #ffffff;
  --tm-accent-2-text: #b83c00;
  --tm-accent-2-soft-ink: #b83c00;
  --tm-stage: #030f5c;
  --tm-stage-2: #0a1f7a;
  --tm-stage-3: #12309a;
  --tm-stage-border: #385fe8;
  --tm-stage-ink: #ffffff;
  --tm-stage-text-2: #c3ccf5;
  --tm-stage-text-3: #a9b6f0;
  --tm-stage-accent: #ed4a00;
  --tm-stage-link: #4d80ff;
}
@media (prefers-color-scheme: dark){
  [data-app="supplycheck"]:not([data-theme="hell"]){
    --tm-bg: #050f2c;
    --tm-bg-soft: #081642;
    --tm-surface: #0c1a44;
    --tm-surface-2: #122253;
    --tm-surface-3: #1a2d63;
    --tm-text-1: #eaf0ff;
    --tm-text-2: #b9c6e6;
    --tm-text-3: #a6b5d6;
    --tm-text-4: #96a6c9;
    --tm-accent: #4d7dff;
    --tm-accent-ink: #050f2c;
    --tm-accent-text: #9db6ff;
    --tm-accent-soft-ink: #9db6ff;
    --tm-accent-2: #ff6a2b;
    --tm-accent-2-ink: #1a0a02;
    --tm-accent-2-text: #ffa870;
    --tm-stage: #030f5c;
    --tm-stage-2: #0a1f7a;
    --tm-stage-3: #12309a;
    --tm-stage-accent: #ff8a45;
    --tm-stage-border: #385fe8;
    --tm-stage-link: #507fff;
    --tm-stage-ink: #ffffff;
  }
}
[data-app="supplycheck"][data-theme="dunkel"]{
  --tm-bg: #050f2c;
  --tm-bg-soft: #081642;
  --tm-surface: #0c1a44;
  --tm-surface-2: #122253;
  --tm-surface-3: #1a2d63;
  --tm-field: #0d1730;
  --tm-border-weak: rgba(236,239,241,.06);
  --tm-border: rgba(236,239,241,.10);
  --tm-border-strong: rgba(236,239,241,.20);
  --tm-border-elevated: #647498;
  --tm-hover: rgba(255,255,255,.04);
  --tm-text-1: #eaf0ff;
  --tm-text-2: #b9c6e6;
  --tm-text-3: #a6b5d6;
  --tm-text-4: #96a6c9;
  --tm-accent: #4d7dff;
  --tm-accent-ink: #050f2c;
  --tm-accent-text: #9db6ff;
  --tm-accent-hover: #2452cc;
  --tm-accent-soft: rgba(61,114,255,.16);
  --tm-accent-soft-ink: #9db6ff;
  --tm-accent-2: #ff6a2b;
  --tm-accent-2-ink: #1a0a02;
  --tm-accent-2-text: #ffa870;
  --tm-accent-2-soft: rgba(255,106,43,.16);
  --tm-accent-2-soft-ink: #ffa870;
  --tm-stage: #030f5c;
  --tm-stage-2: #0a1f7a;
  --tm-stage-3: #12309a;
  --tm-stage-border: #385fe8;
  --tm-stage-ink: #ffffff;
  --tm-stage-text-2: #c3cee0;
  --tm-stage-text-3: #a9b8e8;
  --tm-stage-accent: #ff8a45;
  --tm-stage-link: #507fff;
  --tm-ok: #33d18f;
  --tm-ok-ink: #4fdca0;
  --tm-ok-fill: rgba(51,209,143,.14);
  --tm-warn: #f5c451;
  --tm-warn-ink: #f7ce6d;
  --tm-warn-fill: rgba(245,196,81,.14);
  --tm-crit: #ff6150;
  --tm-crit-ink: #ff8878;
  --tm-crit-fill: rgba(255,97,80,.14);
  --tm-info: #7fa6ff;
  --tm-info-ink: #9dbaff;
  --tm-info-fill: rgba(127,166,255,.14);
  --tm-unknown: #93a2bc;
  --tm-unknown-ink: #a9b6cd;
  --tm-unknown-fill: rgba(147,162,188,.12);
  --tm-shadow-sm: 0 1px 3px rgba(0,0,0,.4);
  --tm-shadow: 0 18px 40px rgba(0,0,0,.42);
  --tm-shadow-overlay: 0 30px 70px rgba(0,0,0,.6);
  --tm-scrim: rgba(0,0,0,.6);
  --tm-glass: rgba(16,26,51,.58);
  --tm-glass-border: rgba(255,255,255,.12);
}

/* ---- darkwatch ---- */
[data-app="darkwatch"], [data-app="darkwatch"][data-theme="hell"]{
  --tm-bg: #eef1f6;
  --tm-bg-soft: #e4e9f1;
  --tm-accent: #0b3ecc;
  --tm-accent-text: #0b3ecc;
  --tm-accent-hover: #0a35ad;
  --tm-accent-soft-ink: #0b3ecc;
  --tm-accent-2: #b83c00;
  --tm-accent-2-ink: #ffffff;
  --tm-accent-2-text: #9a3412;
  --tm-accent-2-soft: #fff4ee;
  --tm-stage-link: #5681f6;
}
@media (prefers-color-scheme: dark){
  [data-app="darkwatch"]:not([data-theme="hell"]){
    --tm-bg: #0b1020;
    --tm-bg-soft: #080d18;
    --tm-surface: #121a2e;
    --tm-surface-2: #18203a;
    --tm-surface-3: #1f2949;
    --tm-border-weak: rgba(230,237,250,.06);
    --tm-text-1: #e9edf7;
    --tm-text-2: #c0cade;
    --tm-text-3: #a3aec8;
    --tm-text-4: #8b96b4;
    --tm-accent: #004aff;
    --tm-accent-ink: #ffffff;
    --tm-accent-text: #9fb3ff;
    --tm-accent-hover: #0038c4;
    --tm-accent-soft: rgba(0,74,255,.18);
    --tm-accent-soft-ink: #9fb3ff;
    --tm-accent-2: #ed4a00;
    --tm-accent-2-ink: #1a0a02;
    --tm-accent-2-text: #ff9a5e;
    --tm-accent-2-soft: rgba(237,74,0,.18);
    --tm-accent-2-soft-ink: #ff9a5e;
    --tm-stage-link: #4279ff;
  }
}
[data-app="darkwatch"][data-theme="dunkel"]{
  --tm-bg: #0b1020;
  --tm-bg-soft: #080d18;
  --tm-surface: #121a2e;
  --tm-surface-2: #18203a;
  --tm-surface-3: #1f2949;
  --tm-field: #0d1730;
  --tm-border-weak: rgba(230,237,250,.06);
  --tm-border: rgba(236,239,241,.10);
  --tm-border-strong: rgba(236,239,241,.20);
  --tm-border-elevated: #647498;
  --tm-hover: rgba(255,255,255,.04);
  --tm-text-1: #e9edf7;
  --tm-text-2: #c0cade;
  --tm-text-3: #a3aec8;
  --tm-text-4: #8b96b4;
  --tm-accent: #004aff;
  --tm-accent-ink: #ffffff;
  --tm-accent-text: #9fb3ff;
  --tm-accent-hover: #0038c4;
  --tm-accent-soft: rgba(0,74,255,.18);
  --tm-accent-soft-ink: #9fb3ff;
  --tm-accent-2: #ed4a00;
  --tm-accent-2-ink: #1a0a02;
  --tm-accent-2-text: #ff9a5e;
  --tm-accent-2-soft: rgba(237,74,0,.18);
  --tm-accent-2-soft-ink: #ff9a5e;
  --tm-stage: #0a1330;
  --tm-stage-2: #1b2650;
  --tm-stage-3: #243266;
  --tm-stage-border: #4760be;
  --tm-stage-ink: #ffffff;
  --tm-stage-text-2: #c3cee0;
  --tm-stage-text-3: #a9b8e8;
  --tm-stage-accent: #ff8a45;
  --tm-stage-link: #4279ff;
  --tm-ok: #33d18f;
  --tm-ok-ink: #4fdca0;
  --tm-ok-fill: rgba(51,209,143,.14);
  --tm-warn: #f5c451;
  --tm-warn-ink: #f7ce6d;
  --tm-warn-fill: rgba(245,196,81,.14);
  --tm-crit: #ff6150;
  --tm-crit-ink: #ff8878;
  --tm-crit-fill: rgba(255,97,80,.14);
  --tm-info: #7fa6ff;
  --tm-info-ink: #9dbaff;
  --tm-info-fill: rgba(127,166,255,.14);
  --tm-unknown: #93a2bc;
  --tm-unknown-ink: #a9b6cd;
  --tm-unknown-fill: rgba(147,162,188,.12);
  --tm-shadow-sm: 0 1px 3px rgba(0,0,0,.4);
  --tm-shadow: 0 18px 40px rgba(0,0,0,.42);
  --tm-shadow-overlay: 0 30px 70px rgba(0,0,0,.6);
  --tm-scrim: rgba(0,0,0,.6);
  --tm-glass: rgba(16,26,51,.58);
  --tm-glass-border: rgba(255,255,255,.12);
}

/* ---- werft ---- */
[data-app="werft"], [data-app="werft"][data-theme="hell"]{
  --tm-bg: #e8eaee;
  --tm-bg-soft: #dfe2e8;
  --tm-surface: #f8f9fb;
  --tm-surface-2: #eef0f4;
  --tm-surface-3: #e4e7ec;
  --tm-field: #ffffff;
  --tm-border-weak: #e7eaee;
  --tm-border: #d2d7df;
  --tm-border-strong: #b9c0cb;
  --tm-border-elevated: #7b8794;
  --tm-hover: #f2f4f7;
  --tm-text-1: #1c2230;
  --tm-text-2: #454e5f;
  --tm-text-3: #535c6d;
  --tm-text-4: #535c6d;
  --tm-accent: #3a5480;
  --tm-accent-ink: #ffffff;
  --tm-accent-text: #3a5480;
  --tm-accent-hover: #2d4266;
  --tm-accent-soft: #e7ebf3;
  --tm-accent-soft-ink: #3a5480;
  --tm-accent-2: #94540a;
  --tm-accent-2-ink: #ffffff;
  --tm-accent-2-text: #7d4708;
  --tm-accent-2-soft: #fdeedd;
  --tm-accent-2-soft-ink: #7d4708;
  --tm-stage: #2b323d;
  --tm-stage-2: #222831;
  --tm-stage-3: #353d4a;
  --tm-stage-border: #708099;
  --tm-stage-ink: #f2f4f7;
  --tm-stage-text-2: #c8cdd6;
  --tm-stage-text-3: #b0b8c4;
  --tm-stage-accent: #e0a458;
  --tm-stage-link: #869ec8;
  --tm-ok: #12653a;
  --tm-ok-ink: #0f5730;
  --tm-warn: #8a5300;
  --tm-warn-ink: #734500;
  --tm-crit: #a4161a;
  --tm-crit-ink: #8b1215;
  --tm-unknown: #33454f;
  --tm-unknown-ink: #2b3a43;
  --tm-unknown-fill: #dde3e7;
  --tm-shadow: 0 14px 32px rgba(28,34,48,.14);
}
@media (prefers-color-scheme: dark){
  [data-app="werft"]:not([data-theme="hell"]){
    --tm-bg: #16181d;
    --tm-bg-soft: #111318;
    --tm-surface: #1e2128;
    --tm-surface-2: #262a33;
    --tm-surface-3: #2f343f;
    --tm-field: #262a33;
    --tm-border-weak: rgba(232,234,238,.06);
    --tm-border: rgba(232,234,238,.12);
    --tm-border-strong: rgba(232,234,238,.22);
    --tm-border-elevated: #79808d;
    --tm-text-1: #e9ebef;
    --tm-text-2: #bcc2cc;
    --tm-text-3: #a8aeba;
    --tm-text-4: #98a0ad;
    --tm-accent: #8fadde;
    --tm-accent-ink: #10151f;
    --tm-accent-text: #8fadde;
    --tm-accent-hover: #a8c1e8;
    --tm-accent-soft: rgba(143,173,222,.16);
    --tm-accent-soft-ink: #8fadde;
    --tm-accent-2: #e0a458;
    --tm-accent-2-ink: #1a1206;
    --tm-accent-2-text: #e0a458;
    --tm-accent-2-soft: rgba(224,164,88,.16);
    --tm-accent-2-soft-ink: #e0a458;
    --tm-stage: #101216;
    --tm-stage-2: #191c22;
    --tm-stage-3: #232830;
    --tm-stage-border: #5d6a7f;
    --tm-stage-ink: #f2f4f7;
    --tm-stage-text-2: #bcc2cc;
    --tm-stage-text-3: #a8aeba;
    --tm-stage-accent: #e0a458;
    --tm-stage-link: #8fadde;
    --tm-ok: #6ee7a8;
    --tm-ok-ink: #84ecb6;
    --tm-warn: #f5c069;
    --tm-warn-ink: #f7cd85;
    --tm-crit: #ff9a9d;
    --tm-crit-ink: #ffb0b2;
    --tm-unknown: #b7c4d0;
    --tm-unknown-ink: #c4cfd9;
  }
}
[data-app="werft"][data-theme="dunkel"]{
  --tm-bg: #16181d;
  --tm-bg-soft: #111318;
  --tm-surface: #1e2128;
  --tm-surface-2: #262a33;
  --tm-surface-3: #2f343f;
  --tm-field: #262a33;
  --tm-border-weak: rgba(232,234,238,.06);
  --tm-border: rgba(232,234,238,.12);
  --tm-border-strong: rgba(232,234,238,.22);
  --tm-border-elevated: #79808d;
  --tm-hover: rgba(255,255,255,.04);
  --tm-text-1: #e9ebef;
  --tm-text-2: #bcc2cc;
  --tm-text-3: #a8aeba;
  --tm-text-4: #98a0ad;
  --tm-accent: #8fadde;
  --tm-accent-ink: #10151f;
  --tm-accent-text: #8fadde;
  --tm-accent-hover: #a8c1e8;
  --tm-accent-soft: rgba(143,173,222,.16);
  --tm-accent-soft-ink: #8fadde;
  --tm-accent-2: #e0a458;
  --tm-accent-2-ink: #1a1206;
  --tm-accent-2-text: #e0a458;
  --tm-accent-2-soft: rgba(224,164,88,.16);
  --tm-accent-2-soft-ink: #e0a458;
  --tm-stage: #101216;
  --tm-stage-2: #191c22;
  --tm-stage-3: #232830;
  --tm-stage-border: #5d6a7f;
  --tm-stage-ink: #f2f4f7;
  --tm-stage-text-2: #bcc2cc;
  --tm-stage-text-3: #a8aeba;
  --tm-stage-accent: #e0a458;
  --tm-stage-link: #8fadde;
  --tm-ok: #6ee7a8;
  --tm-ok-ink: #84ecb6;
  --tm-ok-fill: rgba(51,209,143,.14);
  --tm-warn: #f5c069;
  --tm-warn-ink: #f7cd85;
  --tm-warn-fill: rgba(245,196,81,.14);
  --tm-crit: #ff9a9d;
  --tm-crit-ink: #ffb0b2;
  --tm-crit-fill: rgba(255,97,80,.14);
  --tm-info: #7fa6ff;
  --tm-info-ink: #9dbaff;
  --tm-info-fill: rgba(127,166,255,.14);
  --tm-unknown: #b7c4d0;
  --tm-unknown-ink: #c4cfd9;
  --tm-unknown-fill: rgba(147,162,188,.12);
  --tm-shadow-sm: 0 1px 3px rgba(0,0,0,.4);
  --tm-shadow: 0 18px 40px rgba(0,0,0,.42);
  --tm-shadow-overlay: 0 30px 70px rgba(0,0,0,.6);
  --tm-scrim: rgba(0,0,0,.6);
  --tm-glass: rgba(16,26,51,.58);
  --tm-glass-border: rgba(255,255,255,.12);
}

/* ---- workassist ---- */
[data-app="workassist"], [data-app="workassist"][data-theme="hell"]{
  --tm-bg: #eef1f6;
  --tm-bg-soft: #e6eaf2;
  --tm-accent: #004aff;
  --tm-accent-ink: #ffffff;
  --tm-accent-text: #0b3ecc;
  --tm-accent-hover: #0038c4;
  --tm-accent-soft: #eef3ff;
  --tm-accent-soft-ink: #0b3ecc;
  --tm-accent-2: #c24000;
  --tm-accent-2-ink: #ffffff;
  --tm-accent-2-text: #9a3412;
  --tm-accent-2-soft: #fff4ee;
  --tm-stage: #030f5c;
  --tm-stage-2: #16247a;
  --tm-stage-3: #1f3196;
  --tm-stage-ink: #ffffff;
  --tm-stage-text-2: #c3ccf5;
  --tm-stage-text-3: #a9b6f0;
  --tm-stage-accent: #ff9f97;
  --tm-stage-link: #4d80ff;
  --tm-shadow-overlay: 0 24px 64px rgba(3,15,92,.25);
  --tm-scrim: rgba(3,15,92,.35);
}
@media (prefers-color-scheme: dark){
  [data-app="workassist"]:not([data-theme="hell"]){
    --tm-bg: #0e1526;
    --tm-bg-soft: #111a2f;
    --tm-surface: #16203a;
    --tm-surface-2: #1d294a;
    --tm-accent: #4d8bff;
    --tm-accent-ink: #06122b;
    --tm-accent-text: #93b4ff;
    --tm-accent-soft-ink: #93b4ff;
    --tm-accent-2: #ff7a3d;
    --tm-accent-2-ink: #1a0a02;
    --tm-accent-2-text: #ff9a6e;
    --tm-accent-2-soft: rgba(255,122,61,.16);
    --tm-accent-2-soft-ink: #ff9a6e;
    --tm-stage-border: #4962bf;
    --tm-stage-link: #4d8bff;
    --tm-stage-ink: #ffffff;
  }
}
[data-app="workassist"][data-theme="dunkel"]{
  --tm-bg: #0e1526;
  --tm-bg-soft: #111a2f;
  --tm-surface: #16203a;
  --tm-surface-2: #1d294a;
  --tm-surface-3: #1e2b4a;
  --tm-field: #0d1730;
  --tm-border-weak: rgba(236,239,241,.06);
  --tm-border: rgba(236,239,241,.10);
  --tm-border-strong: rgba(236,239,241,.20);
  --tm-border-elevated: #647498;
  --tm-hover: rgba(255,255,255,.04);
  --tm-text-1: #eef2f8;
  --tm-text-2: #c3cee0;
  --tm-text-3: #a3b1c9;
  --tm-text-4: #93a2bc;
  --tm-accent: #4d8bff;
  --tm-accent-ink: #06122b;
  --tm-accent-text: #93b4ff;
  --tm-accent-hover: #2452cc;
  --tm-accent-soft: rgba(61,114,255,.16);
  --tm-accent-soft-ink: #93b4ff;
  --tm-accent-2: #ff7a3d;
  --tm-accent-2-ink: #1a0a02;
  --tm-accent-2-text: #ff9a6e;
  --tm-accent-2-soft: rgba(255,122,61,.16);
  --tm-accent-2-soft-ink: #ff9a6e;
  --tm-stage: #0a1330;
  --tm-stage-2: #1b2650;
  --tm-stage-3: #243266;
  --tm-stage-border: #4962bf;
  --tm-stage-ink: #ffffff;
  --tm-stage-text-2: #c3cee0;
  --tm-stage-text-3: #a9b8e8;
  --tm-stage-accent: #ff8a45;
  --tm-stage-link: #4d8bff;
  --tm-ok: #33d18f;
  --tm-ok-ink: #4fdca0;
  --tm-ok-fill: rgba(51,209,143,.14);
  --tm-warn: #f5c451;
  --tm-warn-ink: #f7ce6d;
  --tm-warn-fill: rgba(245,196,81,.14);
  --tm-crit: #ff6150;
  --tm-crit-ink: #ff8878;
  --tm-crit-fill: rgba(255,97,80,.14);
  --tm-info: #7fa6ff;
  --tm-info-ink: #9dbaff;
  --tm-info-fill: rgba(127,166,255,.14);
  --tm-unknown: #93a2bc;
  --tm-unknown-ink: #a9b6cd;
  --tm-unknown-fill: rgba(147,162,188,.12);
  --tm-shadow-sm: 0 1px 3px rgba(0,0,0,.4);
  --tm-shadow: 0 18px 40px rgba(0,0,0,.42);
  --tm-shadow-overlay: 0 30px 70px rgba(0,0,0,.6);
  --tm-scrim: rgba(0,0,0,.6);
  --tm-glass: rgba(16,26,51,.58);
  --tm-glass-border: rgba(255,255,255,.12);
}

/* ---- itsm ---- */
[data-app="itsm"], [data-app="itsm"][data-theme="hell"]{
  --tm-accent: #0b6e7f;
  --tm-accent-ink: #ffffff;
  --tm-accent-text: #0a5f6d;
  --tm-accent-hover: #095a68;
  --tm-accent-soft: #e6f4f6;
  --tm-accent-soft-ink: #0a5f6d;
  --tm-stage: #06283a;
  --tm-stage-2: #0b3550;
  --tm-stage-3: #124466;
  --tm-stage-border: #3f7f99;
  --tm-stage-ink: #ffffff;
  --tm-stage-text-2: #c4dde6;
  --tm-stage-text-3: #a9cbd8;
  --tm-stage-link: #5fb3c9;
}
@media (prefers-color-scheme: dark){
  [data-app="itsm"]:not([data-theme="hell"]){
    --tm-accent: #3fb8cc;
    --tm-accent-ink: #04161c;
    --tm-accent-text: #7fd3e0;
    --tm-accent-hover: #2a9fb3;
    --tm-accent-soft: rgba(63,184,204,.16);
    --tm-accent-soft-ink: #7fd3e0;
    --tm-stage: #071a26;
    --tm-stage-2: #0d2635;
    --tm-stage-3: #143345;
    --tm-stage-border: #3c7a91;
    --tm-stage-link: #4fb6cc;
    --tm-stage-ink: #ffffff;
  }
}
[data-app="itsm"][data-theme="dunkel"]{
  --tm-bg: #071026;
  --tm-bg-soft: #0b1730;
  --tm-surface: #101a33;
  --tm-surface-2: #17233f;
  --tm-surface-3: #1e2b4a;
  --tm-field: #0d1730;
  --tm-border-weak: rgba(236,239,241,.06);
  --tm-border: rgba(236,239,241,.10);
  --tm-border-strong: rgba(236,239,241,.20);
  --tm-border-elevated: #647498;
  --tm-hover: rgba(255,255,255,.04);
  --tm-text-1: #eef2f8;
  --tm-text-2: #c3cee0;
  --tm-text-3: #a3b1c9;
  --tm-text-4: #93a2bc;
  --tm-accent: #3fb8cc;
  --tm-accent-ink: #04161c;
  --tm-accent-text: #7fd3e0;
  --tm-accent-hover: #2a9fb3;
  --tm-accent-soft: rgba(63,184,204,.16);
  --tm-accent-soft-ink: #7fd3e0;
  --tm-accent-2: #ff6a2b;
  --tm-accent-2-ink: #1a0a02;
  --tm-accent-2-text: #ffa870;
  --tm-accent-2-soft: rgba(255,106,43,.16);
  --tm-accent-2-soft-ink: #ffa870;
  --tm-stage: #071a26;
  --tm-stage-2: #0d2635;
  --tm-stage-3: #143345;
  --tm-stage-border: #3c7a91;
  --tm-stage-ink: #ffffff;
  --tm-stage-text-2: #c3cee0;
  --tm-stage-text-3: #a9b8e8;
  --tm-stage-accent: #ff8a45;
  --tm-stage-link: #4fb6cc;
  --tm-ok: #33d18f;
  --tm-ok-ink: #4fdca0;
  --tm-ok-fill: rgba(51,209,143,.14);
  --tm-warn: #f5c451;
  --tm-warn-ink: #f7ce6d;
  --tm-warn-fill: rgba(245,196,81,.14);
  --tm-crit: #ff6150;
  --tm-crit-ink: #ff8878;
  --tm-crit-fill: rgba(255,97,80,.14);
  --tm-info: #7fa6ff;
  --tm-info-ink: #9dbaff;
  --tm-info-fill: rgba(127,166,255,.14);
  --tm-unknown: #93a2bc;
  --tm-unknown-ink: #a9b6cd;
  --tm-unknown-fill: rgba(147,162,188,.12);
  --tm-shadow-sm: 0 1px 3px rgba(0,0,0,.4);
  --tm-shadow: 0 18px 40px rgba(0,0,0,.42);
  --tm-shadow-overlay: 0 30px 70px rgba(0,0,0,.6);
  --tm-scrim: rgba(0,0,0,.6);
  --tm-glass: rgba(16,26,51,.58);
  --tm-glass-border: rgba(255,255,255,.12);
}

/* ---- directoryops ---- */
[data-app="directoryops"], [data-app="directoryops"][data-theme="hell"]{
  --tm-bg: #f5f4f0;
  --tm-bg-soft: #ecebe6;
  --tm-surface: #ffffff;
  --tm-surface-2: #f9f8f5;
  --tm-surface-3: #f0efea;
  --tm-field: #ffffff;
  --tm-border-weak: rgba(21,24,27,.06);
  --tm-border: rgba(21,24,27,.10);
  --tm-border-strong: rgba(21,24,27,.16);
  --tm-border-elevated: #7f8386;
  --tm-hover: #f2f1ec;
  --tm-text-1: #15181b;
  --tm-text-2: #3b3f42;
  --tm-text-3: #5f6366;
  --tm-text-4: #5f6366;
  --tm-accent: #8a6a2c;
  --tm-accent-ink: #ffffff;
  --tm-accent-text: #8a6a2c;
  --tm-accent-hover: #735823;
  --tm-accent-soft: #f4eedf;
  --tm-accent-soft-ink: #6e5421;
  --tm-accent-2: #3b3f42;
  --tm-accent-2-ink: #ffffff;
  --tm-accent-2-text: #3b3f42;
  --tm-accent-2-soft: #ecebe6;
  --tm-accent-2-soft-ink: #2b2f32;
  --tm-stage: #12161a;
  --tm-stage-2: #181d21;
  --tm-stage-3: #1e2428;
  --tm-stage-border: #8c7a52;
  --tm-stage-ink: #e9e7e1;
  --tm-stage-text-2: #c9c6be;
  --tm-stage-text-3: #a9aaa5;
  --tm-stage-accent: #e2c78f;
  --tm-stage-link: #e2c78f;
  --tm-shadow-sm: 0 1px 0 rgba(21,24,27,.04);
  --tm-shadow: 0 1px 0 rgba(21,24,27,.04);
  --tm-shadow-overlay: 0 18px 48px rgba(21,24,27,.18);
  --tm-scrim: rgba(18,22,26,.45);
  --tm-glass: #ffffff;
  --tm-glass-border: rgba(21,24,27,.16);
}
@media (prefers-color-scheme: dark){
  [data-app="directoryops"]:not([data-theme="hell"]){
    --tm-bg: #12161a;
    --tm-bg-soft: #0e1114;
    --tm-surface: #181d21;
    --tm-surface-2: #1e2428;
    --tm-surface-3: #252b30;
    --tm-field: #14181c;
    --tm-border-weak: rgba(233,231,225,.05);
    --tm-border: rgba(233,231,225,.08);
    --tm-border-strong: rgba(233,231,225,.14);
    --tm-border-elevated: #767b79;
    --tm-hover: rgba(233,231,225,.04);
    --tm-text-1: #e9e7e1;
    --tm-text-2: #c9c6be;
    --tm-text-3: #9fa19d;
    --tm-text-4: #8d908e;
    --tm-accent: #e2c78f;
    --tm-accent-ink: #15130e;
    --tm-accent-text: #e2c78f;
    --tm-accent-hover: #f1dcae;
    --tm-accent-soft: rgba(226,199,143,.08);
    --tm-accent-soft-ink: #e2c78f;
    --tm-accent-2: #c9c6be;
    --tm-accent-2-ink: #15181b;
    --tm-accent-2-text: #c9c6be;
    --tm-accent-2-soft: rgba(233,231,225,.08);
    --tm-accent-2-soft-ink: #e9e7e1;
    --tm-stage: #0e1114;
    --tm-stage-2: #181d21;
    --tm-stage-3: #1e2428;
    --tm-stage-border: #8c7a52;
    --tm-stage-ink: #e9e7e1;
    --tm-stage-text-2: #c9c6be;
    --tm-stage-text-3: #a9aaa5;
    --tm-stage-accent: #e2c78f;
    --tm-stage-link: #f1dcae;
    --tm-shadow-sm: 0 1px 0 rgba(0,0,0,.25);
    --tm-shadow: 0 1px 0 rgba(0,0,0,.25);
    --tm-shadow-overlay: 0 24px 60px rgba(0,0,0,.55);
    --tm-scrim: rgba(0,0,0,.6);
    --tm-glass: #181d21;
    --tm-glass-border: rgba(233,231,225,.14);
  }
}
[data-app="directoryops"][data-theme="dunkel"]{
  --tm-bg: #12161a;
  --tm-bg-soft: #0e1114;
  --tm-surface: #181d21;
  --tm-surface-2: #1e2428;
  --tm-surface-3: #252b30;
  --tm-field: #14181c;
  --tm-border-weak: rgba(233,231,225,.05);
  --tm-border: rgba(233,231,225,.08);
  --tm-border-strong: rgba(233,231,225,.14);
  --tm-border-elevated: #767b79;
  --tm-hover: rgba(233,231,225,.04);
  --tm-text-1: #e9e7e1;
  --tm-text-2: #c9c6be;
  --tm-text-3: #9fa19d;
  --tm-text-4: #8d908e;
  --tm-accent: #e2c78f;
  --tm-accent-ink: #15130e;
  --tm-accent-text: #e2c78f;
  --tm-accent-hover: #f1dcae;
  --tm-accent-soft: rgba(226,199,143,.08);
  --tm-accent-soft-ink: #e2c78f;
  --tm-accent-2: #c9c6be;
  --tm-accent-2-ink: #15181b;
  --tm-accent-2-text: #c9c6be;
  --tm-accent-2-soft: rgba(233,231,225,.08);
  --tm-accent-2-soft-ink: #e9e7e1;
  --tm-stage: #0e1114;
  --tm-stage-2: #181d21;
  --tm-stage-3: #1e2428;
  --tm-stage-border: #8c7a52;
  --tm-stage-ink: #e9e7e1;
  --tm-stage-text-2: #c9c6be;
  --tm-stage-text-3: #a9aaa5;
  --tm-stage-accent: #e2c78f;
  --tm-stage-link: #f1dcae;
  --tm-ok: #33d18f;
  --tm-ok-ink: #4fdca0;
  --tm-ok-fill: rgba(51,209,143,.14);
  --tm-warn: #f5c451;
  --tm-warn-ink: #f7ce6d;
  --tm-warn-fill: rgba(245,196,81,.14);
  --tm-crit: #ff6150;
  --tm-crit-ink: #ff8878;
  --tm-crit-fill: rgba(255,97,80,.14);
  --tm-info: #7fa6ff;
  --tm-info-ink: #9dbaff;
  --tm-info-fill: rgba(127,166,255,.14);
  --tm-unknown: #93a2bc;
  --tm-unknown-ink: #a9b6cd;
  --tm-unknown-fill: rgba(147,162,188,.12);
  --tm-shadow-sm: 0 1px 0 rgba(0,0,0,.25);
  --tm-shadow: 0 1px 0 rgba(0,0,0,.25);
  --tm-shadow-overlay: 0 24px 60px rgba(0,0,0,.55);
  --tm-scrim: rgba(0,0,0,.6);
  --tm-glass: #181d21;
  --tm-glass-border: rgba(233,231,225,.14);
}

/* ---- time ---- */
[data-app="time"], [data-app="time"][data-theme="hell"]{
  --tm-bg: #f3eee6;
  --tm-bg-soft: #ebe4d9;
  --tm-surface: #fbf8f3;
  --tm-surface-2: #f6f1e9;
  --tm-surface-3: #efe8dd;
  --tm-field: #fffdf9;
  --tm-border-weak: #e8dfd2;
  --tm-border: #dcd1c1;
  --tm-border-strong: #c4b6a2;
  --tm-border-elevated: #8a7965;
  --tm-hover: #f2ece2;
  --tm-text-1: #241d18;
  --tm-text-2: #54473c;
  --tm-text-3: #655648;
  --tm-text-4: #655648;
  --tm-accent: #c2440c;
  --tm-accent-ink: #ffffff;
  --tm-accent-text: #a33b08;
  --tm-accent-hover: #a83b08;
  --tm-accent-soft: #fbe9de;
  --tm-accent-soft-ink: #8c3206;
  --tm-accent-2: #4a7558;
  --tm-accent-2-ink: #ffffff;
  --tm-accent-2-text: #3b5f47;
  --tm-accent-2-soft: #e6eee5;
  --tm-accent-2-soft-ink: #33523e;
  --tm-stage: #33261f;
  --tm-stage-2: #42322a;
  --tm-stage-3: #523e33;
  --tm-stage-border: #8c6f5c;
  --tm-stage-ink: #fff8f1;
  --tm-stage-text-2: #ecdccd;
  --tm-stage-text-3: #dac6b5;
  --tm-stage-accent: #ff9d61;
  --tm-stage-link: #ffbf94;
  --tm-ok: #2f8a5b;
  --tm-ok-ink: #24684a;
  --tm-ok-fill: #e5f0e7;
  --tm-warn: #a8740d;
  --tm-warn-ink: #7a5306;
  --tm-warn-fill: #f8eed9;
  --tm-crit: #c4432f;
  --tm-crit-ink: #9c3324;
  --tm-crit-fill: #f8e6e1;
  --tm-info: #4f6f8f;
  --tm-info-ink: #3d5874;
  --tm-info-fill: #e8eef3;
  --tm-unknown: #7a6d61;
  --tm-unknown-ink: #5a4f45;
  --tm-unknown-fill: #efeae3;
  --tm-shadow-sm: 0 1px 2px rgba(60,40,25,.06);
  --tm-shadow: 0 1px 3px rgba(60,40,25,.06), 0 10px 28px rgba(60,40,25,.07);
  --tm-shadow-overlay: 0 24px 60px rgba(60,40,25,.20);
  --tm-scrim: rgba(36,29,24,.40);
  --tm-glass: rgba(251,248,243,.86);
  --tm-glass-border: rgba(36,29,24,.10);
}
@media (prefers-color-scheme: dark){
  [data-app="time"]:not([data-theme="hell"]){
    --tm-bg: #1c1714;
    --tm-bg-soft: #171310;
    --tm-surface: #251f1b;
    --tm-surface-2: #2d2621;
    --tm-surface-3: #362e28;
    --tm-field: #201a17;
    --tm-border-weak: rgba(245,236,226,.07);
    --tm-border: #3d342d;
    --tm-border-strong: #584c42;
    --tm-border-elevated: #8a7a6c;
    --tm-hover: rgba(245,236,226,.05);
    --tm-text-1: #f5ece2;
    --tm-text-2: #d6c8ba;
    --tm-text-3: #c2b3a4;
    --tm-text-4: #b3a393;
    --tm-accent: #ff8a4c;
    --tm-accent-ink: #1f0f05;
    --tm-accent-text: #ffad80;
    --tm-accent-hover: #ff9d66;
    --tm-accent-soft: rgba(255,138,76,.16);
    --tm-accent-soft-ink: #ffb68f;
    --tm-accent-2: #8fbf9c;
    --tm-accent-2-ink: #0f1f14;
    --tm-accent-2-text: #a9d2b4;
    --tm-accent-2-soft: rgba(143,191,156,.16);
    --tm-accent-2-soft-ink: #b6dbc0;
    --tm-stage: #2a1f19;
    --tm-stage-2: #36281f;
    --tm-stage-3: #433227;
    --tm-stage-border: #8c6f5c;
    --tm-stage-link: #ffbf94;
    --tm-stage-ink: #fff8f1;
    --tm-shadow-sm: 0 1px 2px rgba(0,0,0,.3);
    --tm-shadow: 0 2px 10px rgba(0,0,0,.35);
    --tm-shadow-overlay: 0 24px 60px rgba(0,0,0,.55);
    --tm-scrim: rgba(0,0,0,.55);
    --tm-glass: rgba(37,31,27,.62);
    --tm-glass-border: rgba(245,236,226,.10);
  }
}
[data-app="time"][data-theme="dunkel"]{
  --tm-bg: #1c1714;
  --tm-bg-soft: #171310;
  --tm-surface: #251f1b;
  --tm-surface-2: #2d2621;
  --tm-surface-3: #362e28;
  --tm-field: #201a17;
  --tm-border-weak: rgba(245,236,226,.07);
  --tm-border: #3d342d;
  --tm-border-strong: #584c42;
  --tm-border-elevated: #8a7a6c;
  --tm-hover: rgba(245,236,226,.05);
  --tm-text-1: #f5ece2;
  --tm-text-2: #d6c8ba;
  --tm-text-3: #c2b3a4;
  --tm-text-4: #b3a393;
  --tm-accent: #ff8a4c;
  --tm-accent-ink: #1f0f05;
  --tm-accent-text: #ffad80;
  --tm-accent-hover: #ff9d66;
  --tm-accent-soft: rgba(255,138,76,.16);
  --tm-accent-soft-ink: #ffb68f;
  --tm-accent-2: #8fbf9c;
  --tm-accent-2-ink: #0f1f14;
  --tm-accent-2-text: #a9d2b4;
  --tm-accent-2-soft: rgba(143,191,156,.16);
  --tm-accent-2-soft-ink: #b6dbc0;
  --tm-stage: #2a1f19;
  --tm-stage-2: #36281f;
  --tm-stage-3: #433227;
  --tm-stage-border: #8c6f5c;
  --tm-stage-ink: #fff8f1;
  --tm-stage-text-2: #c3cee0;
  --tm-stage-text-3: #a9b8e8;
  --tm-stage-accent: #ff8a45;
  --tm-stage-link: #ffbf94;
  --tm-ok: #33d18f;
  --tm-ok-ink: #4fdca0;
  --tm-ok-fill: rgba(51,209,143,.14);
  --tm-warn: #f5c451;
  --tm-warn-ink: #f7ce6d;
  --tm-warn-fill: rgba(245,196,81,.14);
  --tm-crit: #ff6150;
  --tm-crit-ink: #ff8878;
  --tm-crit-fill: rgba(255,97,80,.14);
  --tm-info: #7fa6ff;
  --tm-info-ink: #9dbaff;
  --tm-info-fill: rgba(127,166,255,.14);
  --tm-unknown: #93a2bc;
  --tm-unknown-ink: #a9b6cd;
  --tm-unknown-fill: rgba(147,162,188,.12);
  --tm-shadow-sm: 0 1px 2px rgba(0,0,0,.3);
  --tm-shadow: 0 2px 10px rgba(0,0,0,.35);
  --tm-shadow-overlay: 0 24px 60px rgba(0,0,0,.55);
  --tm-scrim: rgba(0,0,0,.55);
  --tm-glass: rgba(37,31,27,.62);
  --tm-glass-border: rgba(245,236,226,.10);
}

/* ---- designportal ---- */
[data-app="designportal"], [data-app="designportal"][data-theme="hell"]{
  --tm-bg: #f4f4f1;
  --tm-bg-soft: #ebebe6;
  --tm-surface: #ffffff;
  --tm-surface-2: #f8f8f5;
  --tm-surface-3: #ebebe6;
  --tm-field: #ffffff;
  --tm-border-weak: rgba(26,27,23,.06);
  --tm-border: rgba(26,27,23,.11);
  --tm-border-strong: rgba(26,27,23,.22);
  --tm-border-elevated: #82837a;
  --tm-hover: #efefea;
  --tm-text-1: #1a1b17;
  --tm-text-2: #474840;
  --tm-text-3: #696a61;
  --tm-text-4: #696a61;
  --tm-accent: #4e5a26;
  --tm-accent-ink: #ffffff;
  --tm-accent-text: #4e5a26;
  --tm-accent-hover: #3f4a1d;
  --tm-accent-soft: #ecefe0;
  --tm-accent-soft-ink: #3f4a1d;
  --tm-accent-2: #474840;
  --tm-accent-2-ink: #f4f4f1;
  --tm-accent-2-text: #474840;
  --tm-accent-2-soft: #ebebe6;
  --tm-accent-2-soft-ink: #1a1b17;
  --tm-stage: #1a1b17;
  --tm-stage-2: #23241f;
  --tm-stage-3: #2c2d27;
  --tm-stage-border: #6b7440;
  --tm-stage-ink: #eeefe8;
  --tm-stage-text-2: #c3c4ba;
  --tm-stage-text-3: #a5a69b;
  --tm-stage-accent: #c4cc8c;
  --tm-stage-link: #d3d9a6;
  --tm-ok: #2f7a52;
  --tm-ok-ink: #266242;
  --tm-ok-fill: #e6ede7;
  --tm-warn: #93680a;
  --tm-warn-ink: #765308;
  --tm-warn-fill: #f0ebe0;
  --tm-crit: #b3362a;
  --tm-crit-ink: #8f2b22;
  --tm-crit-fill: #f3e6e3;
  --tm-info: #4f5d6b;
  --tm-info-ink: #3e4a56;
  --tm-info-fill: #e9ecef;
  --tm-unknown: #696a61;
  --tm-unknown-ink: #474840;
  --tm-unknown-fill: #ebebe6;
  --tm-shadow-sm: 0 1px 2px rgba(26,27,23,.05);
  --tm-shadow: 0 1px 2px rgba(26,27,23,.04), 0 12px 32px rgba(26,27,23,.06);
  --tm-shadow-overlay: 0 24px 60px rgba(26,27,23,.20);
  --tm-scrim: rgba(26,27,23,.42);
  --tm-glass: rgba(255,255,255,.86);
  --tm-glass-border: rgba(26,27,23,.10);
}
@media (prefers-color-scheme: dark){
  [data-app="designportal"]:not([data-theme="hell"]){
    --tm-bg: #121310;
    --tm-bg-soft: #0e0f0c;
    --tm-surface: #1a1b17;
    --tm-surface-2: #23241f;
    --tm-surface-3: #2c2d27;
    --tm-field: #161713;
    --tm-border-weak: rgba(255,255,255,.05);
    --tm-border: rgba(255,255,255,.08);
    --tm-border-strong: rgba(255,255,255,.18);
    --tm-border-elevated: #77786d;
    --tm-hover: rgba(255,255,255,.04);
    --tm-text-1: #eeefe8;
    --tm-text-2: #c3c4ba;
    --tm-text-3: #a5a69b;
    --tm-text-4: #9d9e94;
    --tm-accent: #c4cc8c;
    --tm-accent-ink: #15170d;
    --tm-accent-text: #c4cc8c;
    --tm-accent-hover: #d3d9a6;
    --tm-accent-soft: rgba(196,204,140,.10);
    --tm-accent-soft-ink: #d3d9a6;
    --tm-accent-2: #c3c4ba;
    --tm-accent-2-ink: #121310;
    --tm-accent-2-text: #c3c4ba;
    --tm-accent-2-soft: rgba(238,239,232,.08);
    --tm-accent-2-soft-ink: #eeefe8;
    --tm-stage: #1a1b17;
    --tm-stage-2: #23241f;
    --tm-stage-3: #2c2d27;
    --tm-stage-border: #6b7440;
    --tm-stage-ink: #eeefe8;
    --tm-stage-text-2: #c3c4ba;
    --tm-stage-text-3: #a5a69b;
    --tm-stage-accent: #c4cc8c;
    --tm-stage-link: #d3d9a6;
    --tm-ok: #62b98a;
    --tm-ok-ink: #89cba7;
    --tm-ok-fill: rgba(98,185,138,.14);
    --tm-warn: #dcae4a;
    --tm-warn-ink: #e5c277;
    --tm-warn-fill: rgba(220,174,74,.14);
    --tm-crit: #e2664f;
    --tm-crit-ink: #e98c7b;
    --tm-crit-fill: rgba(226,102,79,.14);
    --tm-info: #9fb0c0;
    --tm-info-ink: #bccad6;
    --tm-info-fill: rgba(159,176,192,.14);
    --tm-unknown: #9d9e94;
    --tm-unknown-ink: #c3c4ba;
    --tm-unknown-fill: rgba(157,158,148,.12);
    --tm-shadow-sm: 0 1px 0 rgba(0,0,0,.25);
    --tm-shadow: 0 2px 10px rgba(0,0,0,.35);
    --tm-shadow-overlay: 0 24px 60px rgba(0,0,0,.55);
    --tm-scrim: rgba(0,0,0,.6);
    --tm-glass: rgba(26,27,23,.72);
    --tm-glass-border: rgba(255,255,255,.12);
  }
}
[data-app="designportal"][data-theme="dunkel"]{
  --tm-bg: #121310;
  --tm-bg-soft: #0e0f0c;
  --tm-surface: #1a1b17;
  --tm-surface-2: #23241f;
  --tm-surface-3: #2c2d27;
  --tm-field: #161713;
  --tm-border-weak: rgba(255,255,255,.05);
  --tm-border: rgba(255,255,255,.08);
  --tm-border-strong: rgba(255,255,255,.18);
  --tm-border-elevated: #77786d;
  --tm-hover: rgba(255,255,255,.04);
  --tm-text-1: #eeefe8;
  --tm-text-2: #c3c4ba;
  --tm-text-3: #a5a69b;
  --tm-text-4: #9d9e94;
  --tm-accent: #c4cc8c;
  --tm-accent-ink: #15170d;
  --tm-accent-text: #c4cc8c;
  --tm-accent-hover: #d3d9a6;
  --tm-accent-soft: rgba(196,204,140,.10);
  --tm-accent-soft-ink: #d3d9a6;
  --tm-accent-2: #c3c4ba;
  --tm-accent-2-ink: #121310;
  --tm-accent-2-text: #c3c4ba;
  --tm-accent-2-soft: rgba(238,239,232,.08);
  --tm-accent-2-soft-ink: #eeefe8;
  --tm-stage: #1a1b17;
  --tm-stage-2: #23241f;
  --tm-stage-3: #2c2d27;
  --tm-stage-border: #6b7440;
  --tm-stage-ink: #eeefe8;
  --tm-stage-text-2: #c3c4ba;
  --tm-stage-text-3: #a5a69b;
  --tm-stage-accent: #c4cc8c;
  --tm-stage-link: #d3d9a6;
  --tm-ok: #62b98a;
  --tm-ok-ink: #89cba7;
  --tm-ok-fill: rgba(98,185,138,.14);
  --tm-warn: #dcae4a;
  --tm-warn-ink: #e5c277;
  --tm-warn-fill: rgba(220,174,74,.14);
  --tm-crit: #e2664f;
  --tm-crit-ink: #e98c7b;
  --tm-crit-fill: rgba(226,102,79,.14);
  --tm-info: #9fb0c0;
  --tm-info-ink: #bccad6;
  --tm-info-fill: rgba(159,176,192,.14);
  --tm-unknown: #9d9e94;
  --tm-unknown-ink: #c3c4ba;
  --tm-unknown-fill: rgba(157,158,148,.12);
  --tm-shadow-sm: 0 1px 0 rgba(0,0,0,.25);
  --tm-shadow: 0 2px 10px rgba(0,0,0,.35);
  --tm-shadow-overlay: 0 24px 60px rgba(0,0,0,.55);
  --tm-scrim: rgba(0,0,0,.6);
  --tm-glass: rgba(26,27,23,.72);
  --tm-glass-border: rgba(255,255,255,.12);
}

}