/* YardDove Admin — matches yarddove-web brand colors */
:root {
    --yd-green: #009b3a;
    --yd-green-dark: #007a2e;
    --yd-gold: #fcd116;
    --yd-cream: #f8f8f3;
    --yd-black: #1a1a1a;
}

body.yard-admin-body,
body.yard-auth-body {
    background-color: var(--yd-cream);
}

.yard-auth-hero {
    background: linear-gradient(135deg, var(--yd-green) 0%, var(--yd-green-dark) 50%, var(--yd-black) 100%);
}

.yard-sidebar {
    background: linear-gradient(180deg, var(--yd-green-dark) 0%, var(--yd-black) 100%) !important;
}

.yard-sidebar-header {
    background: rgba(0, 0, 0, 0.2) !important;
    border-bottom: 1px solid rgba(252, 209, 22, 0.25) !important;
}

.yard-nav-link {
    color: rgba(255, 255, 255, 0.88) !important;
    background-color: transparent !important;
    transition: background-color 0.2s, border-color 0.2s;
}

.yard-nav-link:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

.yard-nav-link.active {
    background-color: rgba(252, 209, 22, 0.18) !important;
    border-left: 3px solid var(--yd-gold);
    padding-left: calc(1rem - 3px);
}

.yard-nav-section {
    color: rgba(252, 209, 22, 0.75) !important;
}

.yard-topbar {
    background: #ffffff;
    border-bottom: 2px solid rgba(252, 209, 22, 0.35);
}

.yard-avatar {
    background: var(--yd-green) !important;
}

.yard-main {
    background-color: var(--yd-cream) !important;
}

/* Theme all admin pages — map legacy blue/purple buttons to YardDove green */
.bg-blue-600,
.bg-blue-500 {
    background-color: var(--yd-green) !important;
}

.bg-blue-700,
.bg-blue-800,
.bg-blue-900 {
    background-color: var(--yd-green-dark) !important;
}

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

.text-blue-600,
.text-blue-500,
.text-blue-700 {
    color: var(--yd-green) !important;
}

.border-blue-500,
.border-blue-600,
.border-l-4.border-blue-500 {
    border-color: var(--yd-green) !important;
}

.bg-blue-100,
.bg-blue-50 {
    background-color: rgba(0, 155, 58, 0.12) !important;
}

.border-blue-100 {
    border-color: rgba(0, 155, 58, 0.2) !important;
}

.text-blue-800 {
    color: var(--yd-green-dark) !important;
}

.border-green-500 {
    border-color: var(--yd-green) !important;
}

.bg-green-100 {
    background-color: rgba(0, 155, 58, 0.12) !important;
}

.text-green-600,
.text-green-800 {
    color: var(--yd-green-dark) !important;
}

.border-yellow-500 {
    border-color: var(--yd-gold) !important;
}

.bg-yellow-100 {
    background-color: rgba(252, 209, 22, 0.2) !important;
}

.text-yellow-600,
.text-yellow-800 {
    color: #b8860b !important;
}

.border-purple-500 {
    border-color: var(--yd-black) !important;
}

.bg-purple-100 {
    background-color: rgba(26, 26, 26, 0.08) !important;
}

.text-purple-600 {
    color: var(--yd-black) !important;
}

.focus\:ring-blue-500:focus {
    --tw-ring-color: var(--yd-green) !important;
}

.text-blue-600.focus\:ring-blue-500,
input.focus\:ring-blue-500:focus {
    --tw-ring-color: var(--yd-green) !important;
}

.yard-btn-primary {
    background-color: var(--yd-green);
    color: #fff;
}

.yard-btn-primary:hover {
    background-color: var(--yd-green-dark);
}

.yard-card-accent {
    border-left: 4px solid var(--yd-green);
}

.yard-card-accent-gold {
    border-left: 4px solid var(--yd-gold);
}

.yard-card-accent-dark {
    border-left: 4px solid var(--yd-black);
}

.yard-logo-badge {
    background: var(--yd-gold);
    color: var(--yd-black);
}

.yard-auth-card {
    border-top: 3px solid var(--yd-gold);
}