/* Deine Basis-Brand-Farbe */
:root {
    --tblr-primary: #0f3d91;   /* EURIP blue */
    --tblr-secondary: #6c757d;
    --tblr-success: #2fb344;
    --tblr-info: #1f74ff;
    --tblr-warning: #f59f00;
    --tblr-danger: #d63939;
    --eurip-blue: #0f3d91;
    --eurip-azure: #1f74ff;
    --eurip-navy: #0a1f44;
    --eurip-ice: #eef4ff;
}

/* Optional: Links/Focus/Buttons konsistenter machen */
a {
    color: var(--tblr-primary);
}
a:hover {
    color: color-mix(in srgb, var(--tblr-primary), #000 15%);
}
.btn-primary {
    background-color: var(--tblr-primary);
    border-color: var(--tblr-primary);
}
.btn-primary:hover {
    background-color: color-mix(in srgb, var(--tblr-primary), #000 10%);
    border-color: color-mix(in srgb, var(--tblr-primary), #000 10%);
}

.brand-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    border: 1px solid rgba(15, 61, 145, 0.2);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.95);
}

.auth-card {
    box-shadow: 0 24px 48px rgba(15, 23, 42, 0.08);
}

.site-navbar {
    background: linear-gradient(120deg, var(--eurip-navy), var(--eurip-blue));
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.app-navbar {
    background: var(--eurip-ice);
    border-bottom: 1px solid rgba(15, 61, 145, 0.12);
}

.app-navbar .navbar-brand-text {
    color: var(--eurip-blue);
    font-weight: 600;
}

.app-navbar .nav-link {
    color: #1f2937;
}

.app-navbar .nav-link.active,
.app-navbar .nav-link:hover {
    color: var(--eurip-blue);
}

.hero-sso {
    padding: 5rem 0 4rem;
    background: radial-gradient(circle at top left, rgba(31, 116, 255, 0.35), transparent 55%),
    linear-gradient(120deg, var(--eurip-navy), var(--eurip-blue));
}

.hero-sso .card {
    background: #ffffff;
}


/*:root {*/
/*    --app-bg: #0f172a;*/
/*    --app-card: rgba(255,255,255,.06);*/
/*    --app-border: rgba(255,255,255,.10);*/
/*    --app-text: rgba(255,255,255,.88);*/
/*}*/

/*!* Optional: Dark-ish App Look *!*/
/*body {*/
/*    background: var(--app-bg);*/
/*    color: var(--app-text);*/
/*}*/

/*!* Karten/Container etwas "tableriger" *!*/
/*.card {*/
/*    background: var(--app-card);*/
/*    border-color: var(--app-border);*/
/*    backdrop-filter: blur(6px);*/
/*}*/

/*!* Sidebar / Navbar etwas sauberer *!*/
/*.navbar, .sidebar {*/
/*    border-color: var(--app-border);*/
/*}*/