/**
 * System40 Cookie Consent Theme
 * Überschreibt vanilla-cookieconsent Defaults für System40 Design System
 *
 * Design System Referenz:
 * - Primary: #2EAC6D (Grün)
 * - Primary Hover: #258A57
 * - Font Body: Inter
 * - Font Display: Poppins
 * - Border Radius: 0.75rem (12px)
 */

#cc-main {
    /* Typography */
    --cc-font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;

    /* Primary Button - Athletic Green */
    --cc-btn-primary-bg: #2EAC6D;
    --cc-btn-primary-border-color: #2EAC6D;
    --cc-btn-primary-hover-bg: #258A57;
    --cc-btn-primary-hover-border-color: #258A57;
    --cc-btn-primary-color: #ffffff;

    /* Secondary Button - Ghost Style */
    --cc-btn-secondary-bg: #F3F4F6;
    --cc-btn-secondary-border-color: #D1D5DB;
    --cc-btn-secondary-hover-bg: #E5E7EB;
    --cc-btn-secondary-hover-border-color: #D1D5DB;
    --cc-btn-secondary-color: #374151;

    /* Backgrounds & Text */
    --cc-bg: #ffffff;
    --cc-primary-color: #111827;
    --cc-secondary-color: #4B5563;

    /* Borders & Separators */
    --cc-separator-border-color: #E5E7EB;
    --cc-cookie-category-block-bg: #F9FAFB;
    --cc-cookie-category-block-border: #E5E7EB;

    /* Border Radius - System40 Standard (12px) */
    --cc-modal-border-radius: 0.75rem;
    --cc-btn-border-radius: 0.75rem;

    /* Toggle Switch */
    --cc-toggle-on-bg: #2EAC6D;
    --cc-toggle-off-bg: #D1D5DB;
    --cc-toggle-readonly-bg: #2EAC6D;

    /* Links */
    --cc-link-color: #2EAC6D;

    /* Shadows - System40 Shadow System */
    --cc-modal-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);

    /* Z-Index - Über allem außer Toasts */
    --cc-z-index: 2147483640;

    /* Transitions */
    --cc-modal-transition-duration: 200ms;
}

/* Headings mit Poppins */
#cc-main .cm__title,
#cc-main .pm__title,
#cc-main .section__title {
    font-family: 'Poppins', 'Inter', ui-sans-serif, sans-serif;
    font-weight: 700;
}

/* Button Styling */
#cc-main .cm__btn {
    font-weight: 500;
    padding: 0.625rem 1.25rem;
    transition: all 200ms ease-in-out;
}

#cc-main .cm__btn:active {
    transform: scale(0.98);
}

/* Footer Links */
#cc-main .cm__footer a {
    color: #6B7280;
    font-size: 0.875rem;
    transition: color 150ms ease-in-out;
}

#cc-main .cm__footer a:hover {
    color: #2EAC6D;
}

/* Cookie Table */
#cc-main .section__table {
    font-size: 0.875rem;
}

#cc-main .section__table-head {
    background-color: #F9FAFB;
    font-weight: 600;
    color: #374151;
}

/* Toggle Label für Readonly */
#cc-main .section__toggle-wrapper input:disabled + .toggle__icon {
    opacity: 0.7;
}

/* Responsive Anpassungen */
@media (max-width: 640px) {
    #cc-main {
        --cc-modal-border-radius: 0.5rem;
    }

    #cc-main .cm__btn {
        padding: 0.5rem 1rem;
        font-size: 0.875rem;
    }
}