/* Terrafinanz-Branding.
   Primärfarbe = Marken-/Logo-Grün (#27663d, wie auf www.terrafinanz.de),
   Akzent/CTA = Orange (#f07800). Hover = dunkleres Grün. */
:root {
    --tf-green: #00683a;
    --tf-green-dark: #00522d;
    --tf-orange: #f07800;

    /* Bootstrap-Primary auf das Marken-Grün umstellen. */
    --bs-primary: #00683a;
    --bs-primary-rgb: 0, 104, 58;
}

/* Buttons (Bootstrap 5.3 nutzt lokale --bs-btn-*-Variablen). */
.btn-primary {
    --bs-btn-bg: var(--tf-green);
    --bs-btn-border-color: var(--tf-green);
    --bs-btn-hover-bg: var(--tf-green-dark);
    --bs-btn-hover-border-color: var(--tf-green-dark);
    --bs-btn-active-bg: var(--tf-green-dark);
    --bs-btn-active-border-color: var(--tf-green-dark);
    --bs-btn-disabled-bg: var(--tf-green);
    --bs-btn-disabled-border-color: var(--tf-green);
}

/* Orange als sekundärer CTA-Akzent (z. B. für Hervorhebungen). */
.btn-accent {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--tf-orange);
    --bs-btn-border-color: var(--tf-orange);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #d76b00;
    --bs-btn-hover-border-color: #d76b00;
}

/* Flächen (Navbar etc.). */
.bg-primary {
    background-color: var(--tf-green) !important;
}

/* Links in der Markenfarbe. */
a {
    color: var(--tf-green-dark);
}

/* Deal-Phasen-Pill wie in Propstack: rund, großzügiges Padding, dunkler Text. */
.stage-pill {
    display: inline-block;
    padding: 0.4rem 0.9rem;
    border-radius: 999px;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.2;
    color: #2b2b2b;
    white-space: nowrap;
}