/**
 * Paleta brand Planelly — róż, złoto, krem, akcent indygo (cała aplikacja).
 */

.planelly-brand {
    --lp-primary: #b8837a;
    --lp-primary-dark: #9a6b63;
    --lp-primary-light: #d4a99f;
    --lp-primary-muted: #f3e8e4;
    --lp-primary-ring: rgba(184, 131, 122, 0.28);
    --lp-accent-indigo: #6366f1;
    --lp-accent-violet: #818cf8;
    --lp-accent-gold: #c4a574;
    --lp-bg-page: #f7f1ea;
    --lp-theme-color: #b8837a;
    --lp-gradient-from: #b8837a;
    --lp-gradient-via: #c9978f;
    --lp-gradient-to: #6366f1;
    --lp-hero-glow-1: rgba(232, 207, 199, 0.55);
    --lp-hero-glow-2: rgba(247, 241, 234, 0.85);
    --lp-shadow: rgba(154, 107, 99, 0.32);
}

/* --- Przemapowanie utility Tailwind (indigo → róż/złoto + akcent indygo) --- */

.planelly-brand .lp-page-bg {
    background-color: var(--lp-bg-page);
}

.planelly-brand .text-indigo-600,
.planelly-brand .text-indigo-700,
.planelly-brand .text-indigo-800,
.planelly-brand .hover\:text-indigo-600:hover,
.planelly-brand .hover\:text-indigo-700:hover,
.planelly-brand .group-hover\:text-indigo-600.group:hover {
    color: var(--lp-primary-dark) !important;
}

.planelly-brand .text-indigo-500,
.planelly-brand .text-indigo-400 {
    color: var(--lp-accent-indigo) !important;
}

.planelly-brand .text-indigo-200,
.planelly-brand .text-indigo-300 {
    color: var(--lp-primary-light) !important;
}

.planelly-brand .bg-indigo-600,
.planelly-brand .focus\:bg-indigo-600:focus {
    background-color: var(--lp-primary) !important;
}

.planelly-brand .hover\:bg-indigo-700:hover {
    background-color: var(--lp-primary-dark) !important;
}

.planelly-brand .bg-indigo-100,
.planelly-brand .hover\:bg-indigo-50:hover,
.planelly-brand .hover\:bg-indigo-50\/50:hover {
    background-color: var(--lp-primary-muted) !important;
}

.planelly-brand .border-indigo-100,
.planelly-brand .border-indigo-200,
.planelly-brand .hover\:border-indigo-200:hover,
.planelly-brand .hover\:border-indigo-300:hover,
.planelly-brand .hover\:border-indigo-400:hover {
    border-color: color-mix(in srgb, var(--lp-primary) 35%, white) !important;
}

.planelly-brand .border-indigo-500,
.planelly-brand .border-indigo-600 {
    border-color: var(--lp-primary) !important;
}

.planelly-brand .ring-indigo-500\/10,
.planelly-brand .ring-indigo-500\/25 {
    --tw-ring-color: var(--lp-primary-ring) !important;
}

.planelly-brand .shadow-indigo-100\/40,
.planelly-brand .shadow-indigo-200,
.planelly-brand .shadow-indigo-200\/40,
.planelly-brand .shadow-indigo-300\/35 {
    --tw-shadow-color: var(--lp-shadow) !important;
}

.planelly-brand .shadow-indigo-500\/10,
.planelly-brand .shadow-indigo-500\/20,
.planelly-brand .shadow-indigo-600\/30,
.planelly-brand .shadow-indigo-900\/20,
.planelly-brand .shadow-indigo-900\/50 {
    --tw-shadow-color: var(--lp-shadow) !important;
}

.planelly-brand .from-indigo-500,
.planelly-brand .from-indigo-600 {
    --tw-gradient-from: var(--lp-primary) var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgb(184 131 122 / 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.planelly-brand .via-indigo-600,
.planelly-brand .via-violet-600 {
    --tw-gradient-via: var(--lp-gradient-via) var(--tw-gradient-via-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-via), var(--tw-gradient-to) !important;
}

.planelly-brand .to-indigo-900,
.planelly-brand .to-violet-600,
.planelly-brand .to-purple-600 {
    --tw-gradient-to: var(--lp-gradient-to) var(--tw-gradient-to-position) !important;
}

.planelly-brand .from-indigo-200\/50 {
    --tw-gradient-from: var(--lp-hero-glow-1) var(--tw-gradient-from-position) !important;
}

.planelly-brand .via-violet-200\/35 {
    --tw-gradient-via: rgba(201, 151, 143, 0.35) var(--tw-gradient-via-position) !important;
}

.planelly-brand .to-fuchsia-200\/25 {
    --tw-gradient-to: rgba(99, 102, 241, 0.22) var(--tw-gradient-to-position) !important;
}

.planelly-brand .bg-indigo-100\/60 {
    background-color: var(--lp-hero-glow-2) !important;
}

.planelly-brand .from-indigo-600.via-violet-600.to-purple-600.bg-clip-text,
.planelly-brand .bg-gradient-to-r.from-indigo-600.bg-clip-text {
    background-image: linear-gradient(to right, var(--lp-gradient-from), var(--lp-gradient-via), var(--lp-gradient-to)) !important;
    -webkit-background-clip: text;
    background-clip: text;
}

/* Przyciski panelu — pełne tło (nie bg-clip-text) */
.planelly-brand button.bg-gradient-to-r.from-indigo-600,
.planelly-brand button.planelly-btn-primary,
.planelly-brand a.planelly-btn-primary,
.planelly-brand .planelly-btn-primary {
    background-image: linear-gradient(to right, var(--lp-primary), var(--lp-primary-dark)) !important;
    background-clip: border-box !important;
    -webkit-background-clip: border-box !important;
    color: #ffffff !important;
}

.planelly-brand button.bg-gradient-to-r.from-indigo-600:hover,
.planelly-brand .planelly-btn-primary:hover {
    background-image: linear-gradient(to right, var(--lp-primary-dark), #8a5a52) !important;
}

.planelly-brand .to-blue-600 {
    --tw-gradient-to: var(--lp-primary-dark) var(--tw-gradient-to-position) !important;
}

.planelly-brand .from-indigo-50 {
    --tw-gradient-from: var(--lp-primary-muted) var(--tw-gradient-from-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.planelly-brand .to-sky-50,
.planelly-brand .to-indigo-50\/40 {
    --tw-gradient-to: var(--lp-bg-page) var(--tw-gradient-to-position) !important;
}

.planelly-brand .bg-indigo-50 {
    background-color: var(--lp-primary-muted) !important;
}

.planelly-brand .via-indigo-50\/40 {
    --tw-gradient-via: color-mix(in srgb, var(--lp-primary-muted) 40%, white) var(--tw-gradient-via-position) !important;
}

.planelly-brand .from-indigo-600.to-indigo-900 {
    background-image: linear-gradient(to bottom, var(--lp-primary), var(--lp-primary-dark)) !important;
}

.planelly-brand .focus\:ring-indigo-300:focus,
.planelly-brand .focus\:ring-indigo-500:focus,
.planelly-brand .focus-visible\:ring-indigo-500:focus-visible {
    --tw-ring-color: var(--lp-accent-indigo) !important;
}

.planelly-brand .text-indigo-900 {
    color: #3d2f2c !important;
}

.planelly-brand .lp-hero-glow-a {
    background: radial-gradient(ellipse at center, var(--lp-hero-glow-1), transparent 70%);
}

.planelly-brand .lp-hero-glow-b {
    background: radial-gradient(circle, var(--lp-hero-glow-2), transparent 70%);
}

/* Panel — tło zamiast szarego gray-100 / slate-50 */
.planelly-brand.bg-gray-100,
.planelly-brand .bg-gray-100,
.planelly-brand .bg-slate-50 {
    background-color: var(--lp-bg-page) !important;
}

.planelly-brand .text-violet-600,
.planelly-brand .text-violet-500 {
    color: var(--lp-accent-indigo) !important;
}

.planelly-brand .from-violet-600,
.planelly-brand .from-violet-500 {
    --tw-gradient-from: var(--lp-accent-indigo) var(--tw-gradient-from-position) !important;
}