/* Gemeinsame Grundwerte fuer naumenko-multimedia.de und brandbill.de.
   Farben, Schrift, Radius, Linien. Aenderungen hier gelten fuer beide Seiten.
   Die alten Namen (--primary-color, --text-primary ...) bleiben als Alias,
   damit die bestehenden Case-Seiten ohne Umbau mitziehen. */

@font-face {
    font-family: 'Instrument Sans';
    src: url('../fonts/instrument-sans/InstrumentSans-Variable.woff2') format('woff2');
    font-weight: 400 700;
    font-stretch: 75% 100%;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Instrument Sans';
    src: url('../fonts/instrument-sans/InstrumentSans-Italic-Variable.woff2') format('woff2');
    font-weight: 400 700;
    font-stretch: 75% 100%;
    font-style: italic;
    font-display: swap;
}

:root {
    --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --font-mono: ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;

    --radius: .5rem;
    --radius-sm: .375rem;
    --radius-pill: 999px;

    --container: 72rem;
    --gutter: clamp(1rem, 4vw, 2rem);
    --section-y: clamp(4rem, 9vw, 7rem);

    --ease: cubic-bezier(.22, 1, .36, 1);

    /* hell */
    --brand: #009CDD;
    --brand-strong: #007DB3;
    --brand-soft: #E6F6FC;
    --on-brand: #ffffff;
    --bg: #ffffff;
    --bg-subtle: #F7F9FB;
    --surface: #ffffff;
    --text: #14181F;
    --text-muted: #5B6573;
    --line: #E3E7EC;
    --line-strong: #CBD2DA;
    --focus: #009CDD;
    color-scheme: light;
}

[data-theme="dark"] {
    --brand: #00B3FF;
    --brand-strong: #4CC9FF;
    --brand-soft: #0B2633;
    --on-brand: #04131B;
    --bg: #0E1116;
    --bg-subtle: #141820;
    --surface: #161B23;
    --text: #F2F4F7;
    --text-muted: #9AA4B2;
    --line: #262D38;
    --line-strong: #364050;
    --focus: #4CC9FF;
    color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]):not([data-theme="dark"]) {
        --brand: #00B3FF;
        --brand-strong: #4CC9FF;
        --brand-soft: #0B2633;
        --on-brand: #04131B;
        --bg: #0E1116;
        --bg-subtle: #141820;
        --surface: #161B23;
        --text: #F2F4F7;
        --text-muted: #9AA4B2;
        --line: #262D38;
        --line-strong: #364050;
        --focus: #4CC9FF;
        color-scheme: dark;
    }
}

/* Alias fuer bestehende Seiten (style.css, Case-Seiten) */
:root,
[data-theme] {
    --primary-color: var(--brand);
    --background: var(--bg);
    --card: var(--surface);
    --border: var(--line);
    --text-primary: var(--text);
    --text-secondary: var(--text-muted);
}

/* brandbill-Standardfarbe (Blau), fuer Schriftzug und Logo-Akzent */
:root {
    --bb-brand: #0095D9;
}

[data-theme="dark"] {
    --bb-brand: #00B3FF;
}