/* =========================================
   PT-NETZ PLATTFORM — DESIGN TOKENS
   Single Source of Truth für Terminservice + Diagnostik
   Binde diese Datei VOR modul-lokaler CSS ein.
   ========================================= */

/* --- SCHRIFT: Inter Variable (einzige Plattform-Schrift) --- */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('../fonts/inter/Inter.var.woff2') format('woff2');
}

/* --- DESIGN TOKENS --- */
:root {
    /* Farbpalette — klinisch-vertrauenswürdig */
    --pt-primary: #1A4B6E;
    --pt-primary-light: #ebf3fa;
    --pt-primary-dark: #0F2D42;
    --pt-secondary: #D1C7BD;
    --pt-accent: #FBFBFA;
    --pt-success: #558265;
    --pt-warning: #f5b042;
    --pt-danger: #c0392b;
    --pt-text-main: #333333;
    --pt-text-muted: #4d5257;  /* WCAG AAA auf --pt-accent */

    /* Modul-Akzente (Navbar-Streifen, Modul-Badge) */
    --pt-module-termine: #1A4B6E;
    --pt-module-diagnostik: #2E6B8F;
    --pt-module-adhs: #049B99;

    /* Typografie */
    --pt-font: 'Inter', system-ui, -apple-system, sans-serif;
    --pt-font-heading: var(--pt-font);
    --pt-font-body: var(--pt-font);
    --bs-body-font-family: var(--pt-font);
    --bs-heading-font-family: var(--pt-font);
    --bs-body-font-size: 0.9rem;
    --bs-body-line-height: 1.55;

    /* Button-Aliase (Kompatibilität zu Altcode) */
    --pt-btn-primary: var(--pt-primary);
    --pt-btn-primary-hover: var(--pt-primary-dark);

    /* Radien */
    --radius-soft: 12px;
    --radius-pill: 50rem;
    --pt-border-radius: var(--radius-soft);

    /* Shadows */
    --pt-shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.03);
    --pt-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
    --pt-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.06);
}

/* --- GRUND-LAYOUT (nur was tokens-nah ist) --- */
body {
    background-color: var(--pt-accent);
    color: var(--pt-text-main);
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.navbar-brand {
    font-family: var(--pt-font-heading);
    font-weight: 600;
    letter-spacing: -0.5px;
    color: var(--pt-primary);
}

.text-primary { color: var(--pt-primary) !important; }
.text-muted { color: var(--pt-text-muted) !important; }