/* =====================================================================
   CrossLobby Neon: CrossLobby's default daisyUI theme. Tailwind's build
   only carries the built-in themes, so this one is written out by hand in
   daisyUI 4's oklch triplets. Primary is the Console faction's purple,
   secondary the screen cyan Pixel's face glows in, accent the PC green and
   error the Mobile red, so the three factions read as the brand.
   ===================================================================== */

[data-theme=crosslobby] {
    color-scheme: dark;
    --p: 60.6% 0.219 292.7;
    --pc: 98% 0.012 292.7;
    --s: 79.7% 0.134 211.5;
    --sc: 20% 0.04 211.5;
    --a: 72.3% 0.192 149.6;
    --ac: 20% 0.05 149.6;
    --n: 26% 0.045 280;
    --nc: 92% 0.02 280;
    --b1: 17.5% 0.035 280;
    --b2: 15.5% 0.032 280;
    --b3: 13.5% 0.03 280;
    --bc: 93% 0.02 280;
    --in: 70% 0.15 240;
    --inc: 18% 0.04 240;
    --su: 72.3% 0.192 149.6;
    --suc: 18% 0.05 149.6;
    --wa: 82% 0.16 85;
    --wac: 20% 0.05 85;
    --er: 63.7% 0.237 25.3;
    --erc: 98% 0.01 25.3;
    --rounded-box: 1rem;
    --rounded-btn: 0.6rem;
    --rounded-badge: 1.9rem;
    --animation-btn: 0.25s;
    --animation-input: .2s;
    --btn-focus-scale: 0.95;
    --border-btn: 1px;
    --tab-border: 1px;
    --tab-radius: 0.5rem;
}

/* The landing mascot's theme hooks (mascot-puppet.css reads these): Pixel's grips in the brand purple,
   its screen in cyan, and the premium rim light in cyan too */
[data-theme=crosslobby] {
    --mascot-sleeve: #8b5cf6;
    --mascot-sleeve-shade: #7444e0;
    --mascot-trim: #22d3ee;
    --mascot-shoe: #2b2d38;
    --mascot-glow: #22d3ee;
}

/* A faint neon glow in the page corners, the arcade-screen look (static, so nothing animates) */
[data-theme=crosslobby] body {
    background-image:
        radial-gradient(circle at 15% 0%, rgba(139, 92, 246, 0.16), transparent 45%),
        radial-gradient(circle at 90% 10%, rgba(34, 211, 238, 0.10), transparent 40%);
    background-attachment: fixed;
}