/**
 * MV-Sport Design System
 * Basierend auf den Farben des Mecklenburg-Vorpommern Logos
 */

:root {
    /* Primärfarben - MV Logo */
    --mv-blue: #0077BE;           /* Maritimes Blau (Ostsee) */
    --mv-blue-light: #4A9FD8;     /* Hellblau (Himmel) */
    --mv-blue-dark: #005A92;      /* Dunkelblau (Wasser) */
    --mv-green: #789628;          /* Frisches Oliv-Grün (NEU) */
    --mv-green-dark: #5A7020;     /* Dunkleres Oliv */
    --mv-yellow: #FFB81C;         /* Sonnengelb */
    --mv-yellow-dark: #E69500;    /* Dunkles Gold */

    /* Neutrale Farben */
    --mv-sand: #F9FAFB;           /* Sehr helles Grau für Kontrast (vorher: #F5F1E8 beige) */
    --mv-sand-dark: #F3F4F6;      /* Etwas dunkleres Grau */
    --mv-gray-50: #F9FAFB;
    --mv-gray-100: #F3F4F6;
    --mv-gray-600: #4B5563;
    --mv-gray-700: #374151;
    --mv-gray-900: #111827;

    /* Semantische Farben */
    --color-primary: var(--mv-blue);
    --color-primary-hover: var(--mv-blue-dark);
    --color-secondary: var(--mv-green);
    --color-secondary-hover: var(--mv-green-dark);
    --color-accent: var(--mv-yellow);
    --color-accent-hover: var(--mv-yellow-dark);

    /* Hintergründe */
    --bg-body: var(--mv-sand);
    --bg-card: #FFFFFF;
    --bg-header: var(--mv-blue);
}

/* Body Hintergrund */
body {
    background-color: var(--bg-body);
}

/* Buttons */
.btn-primary {
    background-color: var(--color-primary);
    color: white;
}

.btn-primary:hover {
    background-color: var(--color-primary-hover);
}

.btn-secondary {
    background-color: var(--color-secondary);
    color: white;
}

.btn-secondary:hover {
    background-color: var(--color-secondary-hover);
}

.btn-accent {
    background-color: var(--color-accent);
    color: var(--mv-gray-900);
    font-weight: 600;
}

.btn-accent:hover {
    background-color: var(--color-accent-hover);
}

/* Badges - für Datum, Sportart, Ort */
.badge-date {
    background-color: var(--mv-blue);
    color: white;
}

.badge-sport {
    background-color: var(--mv-green);
    color: white;
}

.badge-location {
    background-color: var(--mv-yellow);
    color: var(--mv-gray-900);
    font-weight: 600;
}

/* Header - nur Page Header, nicht Article Header */
body > header {
    background: linear-gradient(135deg, var(--mv-blue) 0%, var(--mv-blue-dark) 100%);
}

/* Links */
a.text-blue-600,
.text-blue-600 {
    color: var(--mv-blue) !important;
}

a.text-blue-600:hover,
.text-blue-600:hover {
    color: var(--mv-blue-dark) !important;
}

/* Tailwind Override - Buttons */
.bg-blue-600 {
    background-color: var(--mv-blue) !important;
}

.bg-blue-600:hover,
.hover\:bg-blue-700:hover {
    background-color: var(--mv-blue-dark) !important;
}

.bg-green-600 {
    background-color: var(--mv-green) !important;
}

.bg-orange-600 {
    background-color: var(--mv-yellow) !important;
    color: var(--mv-gray-900) !important;
}

/* Gradient Buttons */
.bg-gradient-to-r.from-blue-600.to-blue-700 {
    background: linear-gradient(to right, var(--mv-blue), var(--mv-blue-dark)) !important;
}

.bg-gradient-to-r.from-blue-600.to-blue-700:hover {
    background: linear-gradient(to right, var(--mv-blue-dark), #004670) !important;
}

/* Card Hover Effects */
.hover\:shadow-lg:hover {
    box-shadow: 0 10px 25px -5px rgba(0, 119, 190, 0.15);
}

/* Focus States */
.focus\:ring-blue-500:focus {
    --tw-ring-color: var(--mv-blue-light) !important;
}

.focus\:border-transparent:focus {
    border-color: var(--mv-blue) !important;
}

/* Text Colors */
.text-blue-700 {
    color: var(--mv-blue-dark) !important;
}

.hover\:text-blue-600:hover,
.group-hover\:text-blue-600:hover {
    color: var(--mv-blue) !important;
}

.hover\:text-blue-700:hover {
    color: var(--mv-blue-dark) !important;
}

/* Background Hover States */
.bg-blue-50 {
    background-color: rgba(0, 119, 190, 0.05) !important;
}

.hover\:bg-blue-100:hover {
    background-color: rgba(0, 119, 190, 0.1) !important;
}

/* Verein Card Gradient */
.bg-gradient-to-br.from-blue-500.to-blue-600 {
    background: linear-gradient(to bottom right, var(--mv-blue-light), var(--mv-blue)) !important;
}