:root{--gtai-blue:#0059a3;--gtai-red:#e71f64;--gtai-yellow:#f3bc00;--gtai-green:#439f35;--gtai-grey-900:#333;--gtai-grey-600:#5a5a5a;--gtai-grey-300:#cdcdcd;--gtai-grey-200:#e2e2e2;--gtai-grey-100:#eee;--gtai-white:#fff;--gtai-grey-500:#8a8a8a;--gtai-grey-700:#6f6f6f;--gtai-ink:#1a1a1a;--gtai-blue-5:#0059a3;--gtai-blue-40:#007cc4;--gtai-blue-95:#24a2df;--gtai-green-5:#00763b;--gtai-green-40:#288f37;--gtai-green-95:#6eb13c;--gtai-yellow-5:#f2a300;--gtai-yellow-40:#f3b500;--gtai-yellow-95:#f5c40e;--gtai-red-5:#c3004d;--gtai-red-40:#e0195f;--gtai-red-95:#ea4376;--gtai-gradient-blue:linear-gradient(80deg,#0059a3 5%,#007cc4 40%,#24a2df 95%);--gtai-gradient-green:linear-gradient(80deg,#00763b 5%,#288f37 40%,#6eb13c 95%);--gtai-gradient-yellow:linear-gradient(80deg,#f2a300 5%,#f3b500 40%,#f5c40e 95%);--gtai-gradient-red:linear-gradient(80deg,#c3004d 5%,#e0195f 40%,#ea4376 95%);--color-primary:var(--gtai-blue);--color-primary-hover:#007cc4;--color-primary-active:#004a87;--color-primary-subtle:#e6eff7;--color-accent:#24a2df;--color-focus:#24a2df;--text-heading:var(--gtai-ink);--text-primary:var(--gtai-grey-900);--text-secondary:var(--gtai-grey-600);--text-muted:var(--gtai-grey-700);--text-on-primary:var(--gtai-white);--text-link:var(--color-primary);--surface-shell:#f0f5fa;--surface-page:#f7fafd;--surface-card:var(--gtai-white);--surface-inset:#f7fafd;--surface-muted:var(--gtai-grey-100);--border:#e8e8e8;--border-strong:var(--gtai-grey-300);--status-success-fill:#439f35;--status-success-bg:#eaf3de;--status-success-text:#2f6f25;--status-warning-fill:#f3bc00;--status-warning-bg:#fdf3d9;--status-warning-text:#7a5f00;--status-danger-fill:#e71f64;--status-danger-bg:#fbe6ee;--status-danger-text:#9c1347;--status-neutral-fill:var(--gtai-grey-600);--status-neutral-bg:var(--gtai-grey-200);--status-neutral-text:var(--gtai-grey-600);--status-info-fill:var(--color-primary);--status-info-bg:var(--color-primary-subtle);--status-info-text:var(--color-primary);--env-produktion-bg:#eaf3de;--env-produktion-text:#2f6f25;--env-test-bg:#fdf3d9;--env-test-text:#7a5f00;--env-entwicklung-bg:#e2e2e2;--env-entwicklung-text:#5a5a5a}
:root{--font-ui:"Bernina Sans","Segoe UI",Calibri,"Source Sans 3",system-ui,Arial,sans-serif;--font-editorial:"Tiempos Text",Cambria,"Source Serif 4",Georgia,serif;--font-headline:"Tiempos Headline",Cambria,"Source Serif 4",Georgia,serif;--font-mono:Consolas,"SFMono-Regular",monospace;--fs-caption:12px;--fs-body-sm:13px;--fs-body:14px;--fs-label:14px;--fs-h3:16px;--fs-h2:18px;--fs-h1:22px;--fs-title:32px;--fs-display:32px;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--lh-tight:1.25;--lh-snug:1.4;--lh-body:1.6;--ls-caption:.04em;--ls-tight:-.01em;--type-caption:var(--fw-medium) var(--fs-caption)/var(--lh-snug) var(--font-ui);--type-body:var(--fw-regular) var(--fs-body)/var(--lh-body) var(--font-ui);--type-body-strong:var(--fw-medium) var(--fs-body)/var(--lh-body) var(--font-ui);--type-label:var(--fw-regular) var(--fs-label)/var(--lh-snug) var(--font-ui);--type-h3:var(--fw-medium) var(--fs-h3)/var(--lh-snug) var(--font-ui);--type-h2:var(--fw-medium) var(--fs-h2)/var(--lh-snug) var(--font-ui);--type-title:var(--fw-medium) var(--fs-title)/var(--lh-tight) var(--font-headline);--type-h1:var(--fw-medium) var(--fs-h1)/var(--lh-tight) var(--font-headline)}
:root{--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-2xl:24px;--space-3xl:32px;--space-4xl:40px;--space-5xl:64px;--control-h-sm:30px;--control-h-md:36px;--control-h-lg:38px;--tile-min-w:150px;--grid-columns:12;--grid-column-w:85px;--grid-gutter:20px;--layout-max:1240px;--content-max:900px}
:root{--radius-xs:4px;--radius-control:8px;--radius-card:12px;--radius-pill:20px;--radius-mark:6px;--radius-circle:50%}
:root{--hairline:1px solid var(--border);--hairline-strong:1px solid var(--border-strong);--border-width:1px;--shadow-none:none;--overlay-scrim:#1a1a1a7a;--overlay-border:1px solid var(--border-strong);--focus-ring:0 0 0 2px var(--surface-card),0 0 0 4px var(--color-focus)}
:root{--duration-instant:80ms;--duration-fast:.15s;--duration-medium:.22s;--duration-progress:1.2s;--ease-standard:cubic-bezier(.2,0,.4,1);--ease-out:cubic-bezier(0,0,.3,1);--transition-control:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}@keyframes gtai-loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-gtai-loading=indeterminate] .ti{animation:gtai-loading-spin var(--duration-progress) linear infinite}@media (prefers-reduced-motion:reduce){[data-gtai-loading=indeterminate] .ti{animation:none}}