/* SkyPirates reskin - deep navy + signal cyan.
   Подкладывается в element-web через mounted index.html; селекторы включают
   скоупы тем element (.cpd-theme-*), чтобы перекрыть их переменные. */
:root, .cpd-theme-light, .cpd-theme-dark, body {
  --cpd-color-bg-canvas-default: #0a1220;
  --cpd-color-bg-subtle-primary: #101a2e;
  --cpd-color-bg-subtle-secondary: #16223a;
  --cpd-color-bg-inline-code: #0d1830;
  --cpd-color-text-primary: #e6f1ff;
  --cpd-color-text-secondary: #9fb3d1;
  --cpd-color-text-action-accent: #4cc9f0;
  --cpd-color-bg-action-primary-rest: #0e7490;
  --cpd-color-bg-action-primary-hover: #0891b2;
  --cpd-color-bg-action-primary-active: #0aa2c0;
  --cpd-color-text-action-primary: #04121f;
  --cpd-color-border-interactive-focused: #22d3ee;
  --accent-color: #22d3ee;
  --accent-bright-color: #38bdf8;
  --accent-fg-color: #04121f;
  --button-primary-bg-color: #0e7490;
  --button-primary-fg-color: #eaf6ff;
  --roomlist-bg-color: #0b1424;
  --header-panel-bg-color: #0b1424;
  --background: #0a1220;
}
body { background-color: #0a1220; }
.mx_AuthPage {
  background: radial-gradient(1200px 800px at 20% 0%, #12305a 0%, #0a1220 55%) !important;
}
.mx_AuthPage_centerBox {
  background-color: #0f1b30 !important;
  border: 1px solid #1e3a5f !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 60px rgba(2, 12, 27, .55) !important;
}
.mx_AuthPage h1, .mx_AuthPage .mx_Heading_h1, .mx_AuthPage .mx_AuthBody_title { color: #e6f1ff; }
.mx_AuthPage .mx_AuthBody_span, .mx_AuthPage label { color: #9fb3d1; }