/* KOMENDANT 3.0 — WSPOLNY MOTYW */
/* Wzorzec kolorow: strona glowna */

:root {
  color-scheme: dark;
  --bg: #090711;
  --panel: #121021;
  --panel-raised: #1a1530;
  --stroke: #342650;
  --text: #f7f3ff;
  --muted: #aca2bf;
  --accent: #9b4dff;
  --accent-bright: #c38bff;
  --accent-rgb: 155, 77, 255;

  /* Zmienne wykorzystywane przez HUB */
  --side: #100c1b;
  --card: #1a1530;
  --line: #342650;
}

/* WSPOLNE ELEMENTY */

.kmt-selector,
.kmt-hub {
  font-family: Inter, system-ui, -apple-system,
    "Segoe UI", Arial, sans-serif;
  color: var(--text);
}

.kmt-selector :focus-visible,
.kmt-hub :focus-visible {
  outline: 2px solid var(--accent-bright);
  outline-offset: 3px;
}

/* STRONA WYBORU DISCORDA */

.kmt-selector {
  background:
    radial-gradient(
      ellipse 55% 45% at 75% 0%,
      rgba(var(--accent-rgb), .16),
      transparent 85%
    ),
    var(--bg);
}

.kmt-selector .brand {
  color: var(--accent-bright);
  font-size: 19px;
}

.kmt-selector h1 {
  color: var(--text);
  letter-spacing: -.035em;
}

.kmt-selector .intro,
.kmt-selector #status {
  color: var(--muted);
}

.kmt-selector .guild-section h2 {
  color: var(--accent-bright);
  border-bottom-color: var(--stroke);
}

.kmt-selector #guilds .guild {
  background: linear-gradient(
    145deg,
    rgba(28,20,47,.95),
    rgba(17,13,29,.98)
  );
  border-color: var(--stroke);
  border-radius: 14px;
}

.kmt-selector #guilds a.guild:hover {
  border-color: var(--accent);
  background: #251a3a;
}

.kmt-selector .guild-search {
  background: var(--panel);
  border-color: var(--stroke);
  color: var(--text);
}

.kmt-selector .guild-search:focus {
  border-color: var(--accent);
}

.kmt-selector .guild-invite,
.kmt-selector .action {
  background: linear-gradient(
    135deg,
    var(--accent),
    #7a2fe4
  );
  border: 1px solid rgba(var(--accent-rgb), .45);
  border-radius: 11px;
  color: #fff;
}

.kmt-selector .guild-invite:hover,
.kmt-selector .action:hover {
  background: #873ae8;
}

.kmt-selector .guild-refresh {
  border-color: var(--stroke);
  color: var(--accent-bright);
}

.kmt-selector .guild-refresh:hover {
  border-color: var(--accent);
  background: var(--panel-raised);
}

/* HUB ADMINISTRACYJNY */

.kmt-hub .sidebar {
  border-right-color: var(--stroke);
}

.kmt-hub .platform {
  background: var(--panel-raised);
  border-color: var(--stroke);
}

.kmt-hub .platform.active {
  background: rgba(var(--accent-rgb), .18);
  border-color: var(--accent);
}

.kmt-hub .hub-guild-option {
  background: var(--panel-raised);
  border-color: var(--stroke);
}

.kmt-hub .hub-guild-option:hover {
  background: #251a3a;
  border-color: var(--accent);
}

.kmt-hub .hub-logout {
  border-color: rgba(var(--accent-rgb), .32);
  background: rgba(var(--accent-rgb), .10);
  color: var(--text);
}

.kmt-hub .hub-guild-refresh {
  border-color: var(--stroke);
  color: var(--accent-bright);
}

.kmt-hub .hub-guild-refresh:hover {
  border-color: var(--accent);
}

/* KOMENDANT 3.0 - SPÓJNE KARTY V2 */

/* Wspólna typografia */

.kmt-selector h1,
.kmt-hub #discord-view h1 {
  color: #f7f3ff;
  font-weight: 800;
  letter-spacing: -.04em;
  line-height: 1.15;
}

.kmt-selector .intro,
.kmt-hub .intro {
  color: #aca2bf;
  line-height: 1.8;
}

/* Spójne karty */

.kmt-selector #guilds .guild,
.kmt-hub .module {
  border: 1px solid #342650;
  border-radius: 17px;
  background: linear-gradient(
    145deg,
    rgba(28, 20, 47, .95),
    rgba(17, 13, 29, .98)
  );
  box-shadow: 0 8px 28px rgba(0, 0, 0, .12);
  transition:
    border-color .2s,
    background .2s,
    box-shadow .2s,
    transform .2s;
}

/* Spójny efekt hover */

.kmt-selector #guilds a.guild:hover,
.kmt-hub a.module:hover {
  border-color: #9b4dff;
  box-shadow: 0 12px 32px rgba(155, 77, 255, .12);
  transform: translateY(-2px);
}

/* Spójne elementy wyboru */

.kmt-selector .guild-search,
.kmt-hub .hub-guild-option {
  border-radius: 11px;
  border-color: #342650;
}

/* Nagłówki sekcji */

.kmt-selector .guild-section h2,
.kmt-hub .label,
.kmt-hub .kicker {
  color: #fefdff;
  letter-spacing: .12em;
}

/* Czytelniejsze opisy */

.kmt-selector .guild-info small,
.kmt-hub .platform small {
  color: #aca2bf;
  line-height: 1.55;
}

/* Ujednolicone zaznaczenie klawiaturą */

.kmt-selector a:focus-visible,
.kmt-selector button:focus-visible,
.kmt-hub a:focus-visible,
.kmt-hub button:focus-visible {
  outline: 2px solid #c38bff;
  outline-offset: 3px;
}

/* KOMENDANT 3.0 - LOGO I IKONY V3 */

/* Dwa białe nagłówki Discorda */
.kmt-hub #discord-nav > .label {
  color: #f7f3ff;
}

/* Wyśrodkowane i klikalne logo */
.kmt-hub .logo {
  text-align: center;
}

.kmt-hub .logo-home {
  display: block;
  width: fit-content;
  max-width: 100%;
  margin: 0 auto;
  color: #f7f3ff;
  text-decoration: none;
  transition: color .2s, text-shadow .2s;
}

.kmt-hub .logo-home:hover {
  color: #c38bff;
  text-shadow: 0 0 20px rgba(155, 77, 255, .35);
}

/* Nie zmieniamy układu wyboru Discorda */
.kmt-hub .selected-guild {
  text-align: left;
}

/* Ikony jak w HUB-ie */
.card-icon,
.feature-symbol {
  display: inline-flex;
  align-items: center;
  color: #c38bff;
}

.card-icon .site-outline-icon {
  display: block;
  width: 28px;
  height: 28px;
}

.feature-symbol .site-outline-icon {
  display: block;
  width: 32px;
  height: 32px;
}