/* ══════════════════════════════════════════════════════════════════════
   BitGRoot — Login · Obsidian & Gold
   لایه‌ی پالت برند روی login.css
   ══════════════════════════════════════════════════════════════════════ */

:root {
    --brand-gold-200: #f4e3b6;
    --brand-gold-300: #ecd08b;
    --brand-gold-400: #e3be6a;
    --brand-gold-500: #d4a84b;
    --brand-gold-600: #b8892f;
    --brand-gold-700: #8f6a1f;
    --brand-ground: #0a0a0c;
    --brand-paper: #faf9f5;
    --brand-ink: #17150f;
    --brand-on-gold: #17130a;
}

html,
body {
    background: var(--brand-ground);
}

html[data-theme-mode="light"],
html[data-theme-mode="light"] body {
    background: var(--brand-paper);
}

[data-theme-mode="dark"] .auth-page {
    background:
        radial-gradient(900px 620px at 84% -12%, rgba(212, 168, 75, 0.16), transparent 62%),
        radial-gradient(720px 520px at 6% 100%, rgba(184, 137, 47, 0.1), transparent 60%),
        #0a0a0c !important;
}

[data-theme-mode="light"] .auth-page {
    background:
        radial-gradient(900px 620px at 84% -12%, rgba(212, 168, 75, 0.14), transparent 62%),
        radial-gradient(720px 520px at 6% 100%, rgba(184, 137, 47, 0.08), transparent 60%),
        #faf9f5 !important;
}

/* ── هاله‌های پس‌زمینه ── */
.auth-bg {
    background:
        radial-gradient(900px 600px at 82% -10%, rgba(212, 168, 75, 0.14), transparent 62%),
        radial-gradient(700px 520px at 8% 100%, rgba(184, 137, 47, 0.08), transparent 60%);
}
.auth-bg__orb--a {
    background: radial-gradient(circle, rgba(212, 168, 75, 0.3), transparent 70%) !important;
}
.auth-bg__orb--b {
    background: radial-gradient(circle, rgba(184, 137, 47, 0.24), transparent 70%) !important;
}
.auth-bg__orb--c {
    background: radial-gradient(circle, rgba(227, 190, 106, 0.18), transparent 70%) !important;
}
.auth-bg__orb--d {
    background: radial-gradient(circle, rgba(107, 78, 23, 0.22), transparent 70%) !important;
}
[data-theme-mode="light"] .auth-bg__orb--a { opacity: 0.35; }
[data-theme-mode="light"] .auth-bg__orb--b { opacity: 0.3; }
[data-theme-mode="light"] .auth-bg__orb--c { opacity: 0.25; }
[data-theme-mode="light"] .auth-bg__orb--d { opacity: 0.2; }

/* ── تصویر سمت راست ── */
.auth-bg__orb {
    display: none !important;
}
.auth-split {
    border-color: rgba(212, 168, 75, 0.22) !important;
    box-shadow: 0 34px 90px -34px rgba(0, 0, 0, 0.88) !important;
}
.auth-visual__img {
    filter: grayscale(0.45) sepia(0.2) saturate(0.6) contrast(1.05) brightness(0.7) !important;
}
.auth-visual__overlay {
    background: linear-gradient(160deg,
        rgba(10, 10, 12, 0.22) 0%,
        rgba(10, 10, 12, 0.56) 46%,
        rgba(10, 10, 12, 0.94) 100%) !important;
}
.auth-visual__logo {
    background: #0b0b0d !important;
    border: 1px solid rgba(212, 168, 75, 0.38);
    box-shadow: 0 10px 28px -12px rgba(212, 168, 75, 0.55);
    overflow: hidden;
}
.auth-visual__logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: inherit;
    display: block;
}
.auth-visual__brand-name strong {
    color: var(--brand-gold-400);
}
.auth-visual__tag {
    color: rgba(242, 239, 230, 0.72);
}

/* ── پنل فرم ── */
[data-theme-mode="dark"] .auth-form-side {
    background: rgba(10, 10, 12, 0.55) !important;
}
[data-theme-mode="light"] .auth-form-side {
    background: rgba(250, 249, 245, 0.72) !important;
}

[data-theme-mode="dark"] .auth-card {
    background: rgba(20, 20, 24, 0.78) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 32px 80px -30px rgba(0, 0, 0, 0.85) !important;
}
[data-theme-mode="light"] .auth-card {
    background: rgba(255, 255, 255, 0.9) !important;
    border-color: #e7e2d4 !important;
    box-shadow: 0 28px 70px -32px rgba(28, 24, 12, 0.35) !important;
}
.auth-card::before {
    background: linear-gradient(135deg,
        rgba(212, 168, 75, 0.32),
        rgba(184, 137, 47, 0.22),
        rgba(107, 78, 23, 0.24)) !important;
}

.auth-card__logo {
    background: linear-gradient(135deg, var(--brand-gold-500), var(--brand-gold-700)) !important;
    box-shadow: 0 10px 26px -10px rgba(184, 137, 47, 0.6);
}
.auth-card__logo-inner {
    background: #0b0b0d !important;
}
.auth-card__title {
    background: linear-gradient(135deg, var(--brand-gold-200), var(--brand-gold-400) 55%, var(--brand-gold-600)) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}
[data-theme-mode="light"] .auth-card__title {
    background: linear-gradient(135deg, #8f6a1f, #6b4e17) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* ── ورودی‌ها ── */
.auth-input {
    border-color: rgba(212, 168, 75, 0.26) !important;
}
.auth-input:focus {
    border-color: var(--brand-gold-500) !important;
    box-shadow: 0 0 0 4px rgba(212, 168, 75, 0.16) !important;
}
[data-theme-mode="light"] .auth-input {
    background: #ffffff;
    border-color: #ddd7c7 !important;
    color: var(--brand-ink);
}
.auth-input-icon {
    color: var(--brand-gold-500);
}
.auth-remember input[type="checkbox"] {
    border-color: rgba(212, 168, 75, 0.4) !important;
}
.auth-remember input[type="checkbox"]:checked {
    background: var(--brand-gold-500) !important;
    border-color: var(--brand-gold-500) !important;
}
.auth-forgot {
    color: var(--brand-gold-600) !important;
}
[data-theme-mode="dark"] .auth-forgot {
    color: var(--brand-gold-400) !important;
}

/* ── دکمه ورود ── */
.auth-submit {
    background: linear-gradient(135deg,
        var(--brand-gold-300) 0%,
        var(--brand-gold-500) 48%,
        var(--brand-gold-600) 100%) !important;
    color: var(--brand-on-gold) !important;
    box-shadow: 0 14px 34px -14px rgba(184, 137, 47, 0.7);
}
.auth-submit:hover {
    box-shadow: 0 18px 42px -14px rgba(184, 137, 47, 0.8);
}
.auth-submit .spinner {
    border-color: rgba(23, 19, 10, 0.25);
    border-top-color: var(--brand-on-gold);
}

/* ── دستیار و راهنما ── */
.auth-guide {
    border-color: rgba(212, 168, 75, 0.18) !important;
}
.auth-guide__bot,
.msg__avatar {
    background: linear-gradient(135deg, var(--brand-gold-400), var(--brand-gold-700)) !important;
    color: var(--brand-on-gold) !important;
}
.auth-hint {
    border-color: rgba(212, 168, 75, 0.22) !important;
    background: rgba(212, 168, 75, 0.07) !important;
    color: var(--text-muted, #9b968a);
}
.auth-hint i {
    color: var(--brand-gold-500) !important;
}

.auth-theme-toggle:hover {
    border-color: rgba(212, 168, 75, 0.55) !important;
    color: var(--brand-gold-400);
}

.auth-card__footer {
    color: rgba(242, 239, 230, 0.55) !important;
}
[data-theme-mode="light"] .auth-card__footer {
    color: #6f6a5c !important;
}

@media (prefers-reduced-motion: reduce) {
    .auth-bg__orb {
        animation: none !important;
    }
}