/* Systempro Secret Design System */

/* Font Family */
body {
    font-family: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif;
}

/* Hintergrundbild */
.background-image {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../images/background.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    z-index: -1;
    will-change: background-image;
    transform: translateZ(0);
}

/* Dark Mode Support */
@media (prefers-color-scheme: dark) {
    /* Dark Mode wird über Tailwind dark: Klassen gehandhabt */
}

/* Smooth Transitions */
* {
    transition-property: color, background-color, border-color, opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

/* Word Break für lange IP-Adressen und DNS-Namen */
.overflow-wrap-anywhere {
    overflow-wrap: anywhere;
    word-break: break-word;
    hyphens: auto;
}

/* Focus Styles für Accessibility */
a:focus,
button:focus {
    outline: 2px solid #3b82f6;
    outline-offset: 2px;
}

/* Print Styles */
@media print {
    .background-image {
        display: none;
    }
    
    body {
        background: white !important;
        color: black !important;
    }
}