/* Theme: Light Blue — 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).

   The twin of the Android app's Light Blue theme, generated from its palette in
   theme/Theme.kt (docs/THEMES.md there maps every variable). Its gamja half
   is in gamja/style.css; tools/theme-port-check.py checks both against it. */
[data-theme="light-blue"] {
    --primary: #3a7fcc;
    --primary-dark: #2a6bad;
    --primary-glow: #3a7fcc;
    --secondary: #52708a;
    --danger: #c62828;
    --warning: #d97706;
    --dark: #e9f4ff;
    --darker: #f3f9ff;
    --light: #d1e5f8;
    --gray: #223a53;
    --gray-light: #52708a;
    --border: #d2e4f4;
    --shadow: rgba(58, 127, 204, 0.2);
    --shadow-lg: rgba(58, 127, 204, 0.35);
    --glow: none;
    --glow-strong: none;
    --chat-font-size: 13px;
    --own-bg: #e4effb;
    --own-highlighted-bg: #d1e5f8;
    --black: #d6e8f9;
    --on-accent: #ffffff;
    --on-danger: #fff;
    --alert: #c62828;
    --dm-alert: #c62828;
    --alert-bg: rgba(198, 40, 40, 0.15);
    --alert-ring: rgba(198, 40, 40, 0.25);
    --danger-bg: #fde4e4;
    --danger-bg-hover: #f6cdcd;
    --surface-active: #eef6ff;
    --glow-bg: #d6e8f9;
    --btn-primary-hover-bg: #2a6bad;
    --btn-primary-active-bg: #22588e;
    --placeholder: #97afc4;
    --tile-bg: #f3f9ff;
    --bar-inactive: #b0d1eb;
    --stat-label: #52708a;
    --muted-text: #7691ab;
    --me-label: #223a53;
    --mod-crown: #92400e;
    --owner-crown: #b8860b;
    --stickam-active: #223a53;
    --logo-glow: rgba(58, 127, 204, 0.5);
    --logo-shadow: rgba(0, 0, 0, 0.8);
    --overlay-shadow: rgba(255, 255, 255, 0.8);
    --overlay-shadow-size: 6px;
    --overlay-text-color: #fff;
    --overlay-text-shadow: rgba(0, 0, 0, 0.8);
    --icon-invert: 1;
    --warning-bg: #e7e5e1;
    --warning-glow: rgba(217, 119, 6, 0.25);
    --mic-warning-bg: rgba(198, 40, 40, 0.15);
    --hotmic-glow: rgba(198, 40, 40, 0.4);
    --hotmic-glow-peak: rgba(198, 40, 40, 0.75);
    --hotmic-ambient-shadow: rgba(0,0,0,0.6);
    --hotmic-text: #591212;
    --hotmic-text-strong: #941e1e;
    --hotmic-action-hover-bg: #cd4242;
    --card-inset-glow: rgba(58, 127, 204, 0.12);
    --menu-glow: rgba(58, 127, 204, 0.22);
    --success-bg: rgba(46, 125, 50, 0.15);
    --tooltip-bg: #ecf6ff;
    --slider-track-bg: rgba(0, 0, 0, 0.8);
    --overlay-scrim: rgba(0, 0, 0, 0.55);
    --controls-gradient-scrim: rgba(0,0,0,0.75);
    --ff-alert-bg: #f6cdcd;
    --ff-alert-text: #c62828;
    --ff-alert-border: #c62828;
    --ff-alert-shadow: rgba(198, 40, 40, 0.2);
    --ff-note-bg: #e7e5e1;
    --ff-note-text: #d97706;
    --ff-note-border: #d97706;
    --tag-open: #52708a;
    --tag-irc: #2a6bad;
    --room-hover-shadow: rgba(0, 0, 0, 0.4);
    --modal-scrim: rgba(0,0,0,0.95);
    --panel-shadow: rgba(0, 0, 0, 0.7);
    --icon-hover-bg: rgba(58, 127, 204, 0.15);
    --float-panel-bg: #ecf6ff;
    --float-panel-border: rgba(255, 255, 255, 0.1);
    --float-titlebar-bg: #f3f9ff;
    --icon-outline: #eef6ff;
    --icon-border: rgba(255, 255, 255, 0.12);
    --icon-color: #223a53;
    --text: #223a53;
    --header-bg: #bcd9f4;
}