/**
 * BUTTON COMPONENTS
 * Alle Button-Varianten für PvH
 *
 * Varianten:
 * - .btn-primary (Old Gold)
 * - .btn-secondary (Powder Blue)
 * - .btn-ghost (Transparent mit Border)
 * - .btn-tertiary (Seasalt)
 * - .btn-primary-inverted (für dunkle Hintergründe)
 *
 * Letzte Änderung: 2025-10-07 - Konsolidiert aus components-enhanced.css
 */

/* ===== BASE BUTTON ===== */
.btn {
    display: inline-block;
    padding: 0.75rem 2rem;
    border-radius: 8px;
    text-decoration: none;
    font-family: var(--font-interface);
    font-weight: 600;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    text-align: center;
}

/* ===== PRIMARY BUTTON (Penn Blue - Brand Color) ===== */
.btn-primary,
.btn-school-primary {
    background: var(--penn-blue);
    color: white;
    font-weight: 600;
}

.btn-primary:hover,
.btn-school-primary:hover {
    background: var(--old-gold);
    color: var(--penn-blue);
    transform: translateY(-2px);
}

/* ===== SECONDARY BUTTON (Powder Blue) ===== */
.btn-secondary,
.btn-school-secondary {
    background: var(--powder-blue);
    color: var(--penn-blue);
    border-color: var(--penn-blue);
}

.btn-secondary:hover,
.btn-school-secondary:hover {
    background: var(--penn-blue);
    color: var(--seasalt);
}

/* ===== GHOST BUTTON (Transparent - für dunkle Hintergründe) ===== */
.btn-ghost,
.btn-school-ghost {
    background: rgba(255,255,255,0.1);
    color: white;
    border: 1px solid rgba(255,255,255,0.3);
}

.btn-ghost:hover,
.btn-school-ghost:hover {
    background: rgba(255,255,255,0.2);
    color: white;
    border-color: rgba(255,255,255,0.5);
}

/* ===== TERTIARY BUTTON (Seasalt) ===== */
.btn-tertiary,
.btn-school-tertiary {
    background: var(--seasalt);
    color: var(--penn-blue);
    border: 1px solid var(--powder-blue);
    padding: 0.875rem 2rem;
}

.btn-tertiary:hover,
.btn-school-tertiary:hover {
    border-color: var(--penn-blue);
    font-weight: 600;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* ===== PRIMARY INVERTED (für dunkle Hintergründe) ===== */
.btn-primary-inverted,
.btn-school-primary-inverted {
    background: var(--seasalt);
    color: var(--penn-blue);
    border: 2px solid var(--seasalt);
}

.btn-primary-inverted:hover,
.btn-school-primary-inverted:hover {
    background: transparent;
    color: var(--seasalt);
    border-color: var(--seasalt);
    transform: translateY(-2px);
}

/* ===== URGENT CTA (Old Gold - NUR für Conversion) ===== */
.btn-cta-urgent {
    background: var(--old-gold);
    color: var(--penn-blue);
    font-weight: 700;
    padding: 0.875rem 2.5rem;
}

.btn-cta-urgent:hover {
    background: var(--penn-blue);
    color: white;
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(206, 184, 41, 0.4);
}

/*
 * VERWENDUNG von .btn-cta-urgent:
 * - NUR für Conversion-kritische CTAs
 * - "Jetzt anmelden" (Anmeldungsseite)
 * - "Platz sichern" (Warteliste)
 * - "Bewerbung starten" (Hauptziel)
 * - NICHT für allgemeine Navigation
 */