/*
 * DCS Demo — Theme-Overrides für alle Pipelet-Portale.
 * Lädt nach pipelet-theme.css und überschreibt die Color-Tokens.
 *
 * Geltungsbereich: Homepage, CPMS-Core, Fleet-Portal, Admin-Portal,
 * Developer-Portal. Driver-Portal hat sein eigenes themes/dcs.css.
 *
 * Farben: Deep Blue + Purple, basierend auf DCS-Hausfarben.
 * Source-Serif (Headlines) → Inter (modernere Tech-Brand-Anmutung).
 */

:root {
    /* Primary brand — Deep Blue */
    --accent-primary: #005EB8;
    --accent-hover: #00489A;
    --accent-active: #003A7A;
    --accent-light: #E8F1FA;

    /* Secondary — Purple */
    --accent-secondary: #7C3AED;
    --accent-secondary-light: #F3EBFF;

    /* Page bg: white, but with subtle gradient on hero */
    --page-bg-gradient: linear-gradient(180deg, #FFFFFF 0%, #F8FBFF 100%);

    /* Headlines: Inter, not Source-Serif */
    --font-family-serif: Inter, system-ui, -apple-system, sans-serif;
    --font-family-display: Inter, system-ui, -apple-system, sans-serif;
}

/* Override Pipelet's bronze hero bg with DCS gradient */
body, .hero-section {
    background: var(--page-bg-gradient) !important;
}

/* Pipelet's serif headings → Inter (tech-brand feel) */
h1, h2, h3, .display-1, .display-2,
.product-card h3, .hero-title {
    font-family: var(--font-family-display) !important;
    letter-spacing: -0.02em;
}

/* Primary button overrides */
.btn-primary,
.cta-primary,
button[type="submit"].primary {
    background: var(--accent-primary) !important;
    border-color: var(--accent-primary) !important;
    color: #FFFFFF !important;
}
.btn-primary:hover,
.cta-primary:hover {
    background: var(--accent-hover) !important;
    border-color: var(--accent-hover) !important;
}

/* Links + accents */
a, .accent {
    color: var(--accent-primary);
}
a:hover {
    color: var(--accent-hover);
}

/* Tag/Badge — DCS Purple */
.tag.demo,
.badge.demo {
    background: var(--accent-secondary);
    color: #FFFFFF;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 700;
    font-size: 0.7rem;
    padding: 0.2rem 0.55rem;
    border-radius: 3px;
}

/* Demo-banner — fixed top, slim, visible on every page */
.dcs-demo-banner {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: linear-gradient(90deg, #005EB8 0%, #7C3AED 100%);
    color: #FFFFFF;
    font-family: Inter, system-ui, sans-serif;
    font-size: 0.78rem;
    font-weight: 500;
    text-align: center;
    padding: 4px 12px;
    letter-spacing: 0.04em;
}
.dcs-demo-banner strong {
    font-weight: 800;
    letter-spacing: 0.06em;
    margin-right: 0.5em;
}

/* Push body content below the banner */
body {
    padding-top: 28px !important;
}