/* Fit Everywhere – Branding (nur Look). Überschreibt Bootstrap-Variablen + setzt Logo/Fonts.
   Palette aus dem Design-Entwurf (logo-fe / index.html). */
:root {
    --fe-lime: #5be61e;       /* Akzent/Primary */
    --fe-lime-2: #4fcf18;     /* Primary hover */
    --fe-lime-dark: #338016;  /* Links / aktive Zustände auf hell */
    --fe-ink: #0b140d;        /* dunkle Fläche (Navbar/Footer) */
    --fe-ink-2: #14241c;      /* Haupttext */
    --fe-muted: #5b6b60;      /* Sekundärtext */
    --fe-bg: #faf9f5;         /* Seitenhintergrund */
    --fe-surface: #eef6ea;    /* helle Flächen/Karten */
    --fe-border: #e4eae2;
    --fe-on-dark: #eef6ea;    /* Text auf dunkel */
    --fe-on-dark-2: #9fb3a4;  /* Sekundärtext auf dunkel (≥ 4.5:1 auf --fe-ink) */
    --fe-on-dark-3: #6f8177;  /* Kleingedrucktes auf dunkel */
    --fe-hairline-dark: #24352a; /* Trennlinie auf dunkel */
    --fe-lime-bright: #c8f21e;   /* Gelbgrün des Logos, Verlaufsanfang */
    --fe-lime-halo: rgba(91, 230, 30, .22); /* Schein um helle Flächen auf dunkel */
    /* Monospace-Akzent (Claim, Eyebrows, gedruckte URL). Bewusst Systemschriften: die Schriften
       liegen hier selbst gehostet, eine dritte Familie hätte weitere Dateien bedeutet. */
    --fe-mono: ui-monospace, "Cascadia Mono", Consolas, "Liberation Mono", monospace;

    /* Zweite Ebene der Palette – aus dem Design-Handoff „Studio-Bereich". Farben gehören hierhin
       und nicht in die einzelnen Views; studio.css referenziert ausschließlich diese Variablen. */
    --fe-surface-border: #d9e6d3;  /* Rahmen der hellen Akzentfläche --fe-surface */
    --fe-table-head: #f6f8f4;      /* Kopfzeile von Tabellen */
    --fe-row-border: #f0f2ee;      /* Zeilentrenner in Tabellen */
    --fe-hairline: #eef0ec;        /* Trennlinie innerhalb heller Karten */
    --fe-ink-bar: #24352a;         /* inaktive Balken / Spur auf dunkel */
    --fe-ink-mid: #3b7a1f;         /* mittlerer Balken + Rahmen auf dunkel */
    --fe-on-dark-strong: #c4d3c7;  /* Beschriftung von Tertiär-Buttons auf dunkel */
    --fe-bar-idle: #dfe8da;        /* inaktive Balken auf hell */
    --fe-muted-bg: #eceee9;        /* neutrales Badge (storniert, abgeschlossen) */
    --fe-canceled-bg: #fbfbf9;     /* Hintergrund stornierter Tabellenzeilen */
    --fe-canceled-text: #8d9a90;
    --fe-danger: #a3342a;          /* destruktive Aktion (Storno) */
    --fe-danger-border: #e3c7c3;
    --fe-warn-bg: #f6efd8;         /* Warn-Pill, z. B. „kein Standort hinterlegt" */
    --fe-warn-border: #e9dcb4;
    --fe-warn-text: #7a5a12;
    --fe-map-border: #dfe5dc;      /* Rahmen der Leaflet-Karte */
    --fe-crumb-sep: #b9c4b6;       /* Trenner im Breadcrumb */

    /* Bootstrap-Variablen (global, ohne Markup-Eingriff) */
    --bs-primary: var(--fe-lime);
    --bs-primary-rgb: 91, 230, 30;
    --bs-body-bg: var(--fe-bg);
    --bs-body-color: var(--fe-ink-2);
    --bs-secondary-color: var(--fe-muted);
    --bs-link-color: var(--fe-lime-dark);
    --bs-link-color-rgb: 51, 128, 22;
    --bs-link-hover-color: var(--fe-ink);
    --bs-border-color: var(--fe-border);
    --bs-dark: var(--fe-ink);
    --bs-dark-rgb: 11, 20, 13;
    --bs-font-sans-serif: 'Work Sans', system-ui, -apple-system, "Segoe UI", sans-serif;
}

body { font-family: var(--bs-font-sans-serif); }
h1, h2, h3, h4, h5, h6 { font-family: 'Archivo', var(--bs-font-sans-serif); letter-spacing: .2px; }
a { text-decoration: none; }

/* Primary = Neon-Lime → bewusst DUNKLER Text (Kontrast).
   Ab Bootstrap 5.3 tragen die --bs-btn-*-Variablen alle Zustände (hover/active/disabled/Fokusring),
   deshalb reicht ein Block je Variante. Unter 5.1 hatten diese Variablen KEINE Wirkung — wer die
   Bootstrap-Version wieder senkt, muss hier auf echte Eigenschaften zurück. */
.btn-primary {
    --bs-btn-color: var(--fe-ink); --bs-btn-bg: var(--fe-lime); --bs-btn-border-color: var(--fe-lime);
    --bs-btn-hover-color: var(--fe-ink); --bs-btn-hover-bg: var(--fe-lime-2); --bs-btn-hover-border-color: var(--fe-lime-2);
    --bs-btn-active-color: #fff; --bs-btn-active-bg: var(--fe-lime-dark); --bs-btn-active-border-color: var(--fe-lime-dark);
    --bs-btn-disabled-color: var(--fe-ink); --bs-btn-disabled-bg: var(--fe-lime); --bs-btn-disabled-border-color: var(--fe-lime);
    --bs-btn-focus-shadow-rgb: 91, 230, 30;
    font-weight: 600;
}

.btn-outline-primary {
    --bs-btn-color: var(--fe-lime-dark); --bs-btn-border-color: var(--fe-lime-dark);
    --bs-btn-hover-color: var(--fe-ink); --bs-btn-hover-bg: var(--fe-lime); --bs-btn-hover-border-color: var(--fe-lime);
    --bs-btn-active-color: var(--fe-ink); --bs-btn-active-bg: var(--fe-lime); --bs-btn-active-border-color: var(--fe-lime);
    --bs-btn-disabled-color: var(--fe-lime-dark); --bs-btn-disabled-border-color: var(--fe-lime-dark);
    --bs-btn-focus-shadow-rgb: 91, 230, 30;
    font-weight: 600;
}

/* Dunkle Kopfzeile (Design-Ink) statt Bootstrap-Blau – ohne Markup-Änderung. */
.navbar.bg-primary { background-color: var(--fe-ink) !important; }
.navbar-dark .navbar-nav .nav-link { color: rgba(238, 246, 234, .82); }
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.active { color: var(--fe-lime); }
.navbar-brand { color: var(--fe-on-dark); font-weight: 700; display: inline-flex; align-items: center; gap: .55rem; }
.navbar-brand:hover { color: var(--fe-lime); }
.navbar-brand img { height: 34px; width: auto; border-radius: 6px; }

/* Statusfarben auf die Marke abstimmen (Badges in Listen). */
.bg-success, .text-bg-success { background-color: var(--fe-lime-dark) !important; color: #fff !important; }
.bg-info, .text-bg-info { background-color: #b6c4b0 !important; color: var(--fe-ink-2) !important; }

/* .bg-primary liest --bs-primary-rgb und ist damit schon lime – nur der Text fehlt:
   Bootstrap setzt Badges pauschal auf Weiß, und Weiß auf Neon-Lime ist nicht lesbar. */
.badge.bg-primary { color: var(--fe-ink); }

/* Fortschrittsbalken in den Trend-Tabellen: Spur und Balken nehmen dieselben Werte wie die
   Sparklines im Studio-Bereich. Die Variablen des Balkens werden auf .progress gesetzt — dort
   deklariert Bootstrap sie, .progress-bar erbt sie. */
.progress, .progress-stacked {
    --bs-progress-bg: var(--fe-bar-idle);
    --bs-progress-bar-bg: var(--fe-lime);
    --bs-progress-bar-color: var(--fe-ink);
}

/* Flächen / Fokus (grün statt blau). */
.card { border-color: var(--fe-border); }
.btn:focus, .btn:active:focus, .btn-link.nav-link:focus,
.form-control:focus, .form-check-input:focus, .form-select:focus {
    box-shadow: 0 0 0 .15rem rgba(91, 230, 30, .45);
    border-color: var(--fe-lime-dark);
}
.form-check-input:checked { background-color: var(--fe-lime-dark); border-color: var(--fe-lime-dark); }

/* Dunkler Footer wie im Design. */
footer.footer { background: var(--fe-ink); border-top-color: var(--fe-ink) !important; }
footer.footer, footer.footer .container { color: rgba(238, 246, 234, .7) !important; }