/* Tema noir específic: tipografia, colors i efectes subtils */

body.kn-body {
    font-family: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.kn-login-title h1,
.kn-desk-title,
.kn-mobile-title h1 {
    font-family: "Courier Prime", "Courier New", monospace;
}

.kn-card,
.kn-mobile-panel,
.kn-login-card {
    background-image:
        linear-gradient(transparent 0, transparent 22px, rgba(0,0,0,0.06) 23px),
        linear-gradient(to right, rgba(0,0,0,0.06), transparent 30%, transparent 70%, rgba(0,0,0,0.06));
    background-size: 100% 24px, 100% 100%;
}

.kn-card-header h2,
.kn-mobile-panel h2 {
    font-family: "IBM Plex Sans Condensed", "Arial Narrow", system-ui, sans-serif;
}

.kn-shortcut,
.kn-mobile-nav-item {
    font-family: "IBM Plex Sans Condensed", "Arial Narrow", system-ui, sans-serif;
}

.kn-login-stamp {
    background: rgba(139, 30, 30, 0.06);
}

.kn-card--paper {
    background-color: #e8dcc4;
}

.kn-card--strip {
    background-color: #e0d4b8;
}

.kn-desk-shell,
.kn-mobile-main {
    color: #2b2623;
}

.kn-desk-header,
.kn-mobile-header {
    color: #e8dcc4;
}

.kn-desk-agency,
.kn-mobile-agency {
    color: #d4c090;
}

.kn-shortcut--alert {
    background-color: rgba(139, 30, 30, 0.06);
}

.kn-btn--primary {
    box-shadow: 0 0 0 1px rgba(0,0,0,0.4);
}

.kn-login-card {
    background-color: #e8dcc4;
}