/* ============================================
   WiserTalk — DaisyUI theme overrides + legacy chrome (in transition)
   ============================================
   The new chrome (sidebar, topbar, shell) lives in css/wt/components/.
   This file keeps the DaisyUI theme tokens for legacy pages and a few
   helper classes (avatars, status colors) still used by non-migrated pages.
*/

/* DaisyUI Theme: Light */
[data-theme="wisertalk"] {
    --p: 62.8% 0.218 264.1;
    --pf: 55% 0.218 264.1;
    --pc: 100% 0 0;
    --s: 69.6% 0.175 163.4;
    --sf: 62% 0.175 163.4;
    --sc: 100% 0 0;
    --a: 54.1% 0.235 293.5;
    --af: 47% 0.235 293.5;
    --ac: 100% 0 0;
    --n: 22.4% 0.028 264.7;
    --nf: 18% 0.028 264.7;
    --nc: 96.7% 0.007 247.4;
    --b1: 96.7% 0.007 247.4;
    --b2: 93.9% 0.010 249.6;
    --b3: 86.9% 0.015 252.9;
    --bc: 22.4% 0.028 264.7;
    --su: 69.6% 0.175 163.4;
    --suc: 100% 0 0;
    --wa: 79.5% 0.175 73.0;
    --wac: 22.4% 0.028 264.7;
    --er: 63.7% 0.228 29.2;
    --erc: 100% 0 0;
    --in: 72.2% 0.168 259.5;
    --inc: 100% 0 0;
    --rounded-btn: 0.5rem;
    --rounded-box: 0.75rem;
}

/* DaisyUI Theme: Dark (default) */
[data-theme="wisertalk-dark"] {
    --p: 72.2% 0.168 259.5;
    --pf: 62.8% 0.218 264.1;
    --pc: 100% 0 0;
    --s: 69.6% 0.175 163.4;
    --sf: 62% 0.175 163.4;
    --sc: 100% 0 0;
    --a: 65% 0.200 293.5;
    --af: 54.1% 0.235 293.5;
    --ac: 100% 0 0;
    --n: 27% 0.024 264.5;
    --nf: 22.4% 0.028 264.7;
    --nc: 90% 0.007 247.4;
    --b1: 13.5% 0.032 265.8;
    --b2: 18% 0.030 264.7;
    --b3: 24% 0.026 264.5;
    --bc: 93% 0.007 247.4;
    --su: 69.6% 0.175 163.4;
    --suc: 100% 0 0;
    --wa: 79.5% 0.175 73.0;
    --wac: 22.4% 0.028 264.7;
    --er: 63.7% 0.228 29.2;
    --erc: 100% 0 0;
    --in: 72.2% 0.168 259.5;
    --inc: 100% 0 0;
    --rounded-btn: 0.5rem;
    --rounded-box: 0.75rem;
}

/* Legacy avatar colors — still used by un-migrated pages.
   New pages should use .wt-avatar.is-blue/is-emerald/etc from components/avatar.css. */
.avatar-blue { background-color: #3B82F6 !important; }
.avatar-emerald { background-color: #10B981 !important; }
.avatar-violet { background-color: #8B5CF6 !important; }
.avatar-amber { background-color: #F59E0B !important; }
.avatar-rose { background-color: #F43F5E !important; }
.avatar-cyan { background-color: #06B6D4 !important; }
.avatar-orange { background-color: #F97316 !important; }
.avatar-indigo { background-color: #6366F1 !important; }

/* Legacy status colors — still used by un-migrated pages */
.status-new { color: #22C55E; }
.status-open { color: #3B82F6; }
.status-pending { color: #F59E0B; }
.status-resolved { color: #6B7280; }
.status-closed { color: #9CA3AF; }

/* Legacy scrollbar utility — still used by some pages.
   New pages use .wt-scroll from base.css. */
.wt-scrollbar::-webkit-scrollbar { width: 5px; }
.wt-scrollbar::-webkit-scrollbar-track { background: transparent; }
.wt-scrollbar::-webkit-scrollbar-thumb { background: oklch(var(--bc) / 0.15); border-radius: 3px; }
.wt-scrollbar::-webkit-scrollbar-thumb:hover { background: oklch(var(--bc) / 0.25); }