/* Theme: MySpace (Retro) — color palette only.
   No selectors beyond this one wrapper: layout.css (loaded separately,
   always active) provides all structural CSS and already references
   these variables via var(--name). */
[data-theme="myspace"] {
    --primary: #0033cc;
    --primary-dark: #002299;
    --primary-glow: #0033cc;
    --secondary: #ff0099;
    --danger: #cc0000;
    --warning: #ff9900;
    --dark: #eaf0fb;
    --darker: #ffffff;
    --light: #f5f8ff;
    --gray: #222222;
    --gray-light: #888888;
    --border: #b0c4e8;
    --shadow: rgba(0, 51, 204, 0.15);
    --shadow-lg: rgba(0, 51, 204, 0.25);
    --glow: none;
    --glow-strong: none;
    --chat-font-size: 14px;
    --own-bg: #e0ebff;
    --own-highlighted-bg: #c2d9ff;
    --black: #dddddd;
    --on-accent: #ffffff;
    --on-danger: #ffffff;
    --alert: #cc0000;
    --alert-bg: rgba(204, 0, 0, 0.12);
    --alert-ring: rgba(204, 0, 0, 0.2);
    --danger-bg: #fce4e4;
    --danger-bg-hover: #f9cccc;
    --surface-active: #eaf0ff;
    --glow-bg: #f0f5ff;
    --btn-primary-hover-bg: #002299;
    --btn-primary-active-bg: #001a73;
    --placeholder: #aaaaaa;
    --tile-bg: #fafbff;
    --bar-inactive: #cccccc;
    --stat-label: #666666;
    --muted-text: #999999;
    --me-label: #666666;
    --mod-crown: #FF8D2A;
    --stickam-active: #666666;
    --logo-glow: rgba(0, 51, 204, 0.4);
    --warning-bg: #fff3e0;
    --warning-glow: rgba(255, 153, 0, 0.25);
    --mic-warning-bg: rgba(204, 0, 0, 0.12);
    --hotmic-glow: rgba(204, 0, 0, 0.35);
    --hotmic-glow-peak: rgba(204, 0, 0, 0.6);
    --hotmic-ambient-shadow: rgba(0,0,0,0.15);
    --hotmic-text: #a50000;
    --hotmic-text-strong: #cc0000;
    --hotmic-action-hover-bg: #a50000;
    --card-inset-glow: rgba(0, 51, 204, 0.1);
    --menu-glow: rgba(0, 51, 204, 0.18);
    --success-bg: rgba(0, 51, 204, 0.12);
    --tooltip-bg: rgba(255, 255, 255, 0.95);
    --mixer-bg: rgba(255, 255, 255, 0.92);
    --slider-track-bg: rgba(0, 0, 0, 0.08);
    --overlay-scrim: rgba(0, 0, 0, 0.35);
    --controls-gradient-scrim: rgba(255,255,255,0.85);
    --ff-alert-bg: #fce4e4;
    --ff-alert-text: #cc0000;
    --ff-alert-border: #cc0000;
    --ff-alert-shadow: rgba(204, 0, 0, 0.15);
    --ff-note-bg: #fff3e0;
    --ff-note-text: #cc7a00;
    --ff-note-border: #ff9900;
    --tag-open: #0033cc;
    --tag-irc: #ff0099;
    --room-hover-shadow: rgba(0, 0, 0, 0.12);
    --modal-scrim: rgba(0,0,0,0.4);
    --panel-shadow: rgba(0, 0, 0, 0.15);
    --icon-hover-bg: rgba(0, 51, 204, 0.12);
    --float-panel-bg: #ffffff;
    --float-panel-border: rgba(0, 0, 0, 0.1);
    --float-titlebar-bg: #eaf0fb;
    --icon-outline: #b0c4e8;
    --icon-border: rgba(0, 0, 0, 0.12);
    --icon-color: #666666;
    --text: #222222;
    --header-bg: #1e41ac;
}