:root {
  --background: #0a0f16 !important;
  --foreground: #e8edf4 !important;
  --colour: #e8edf4 !important;
  --color: #e8edf4 !important;
  --border: #1a2535 !important;
  --accent-contrast: #000000 !important;

  --md-sys-color-primary: #00d26a !important;
  --md-sys-color-on-primary: #000000 !important;
  --md-sys-color-primary-container: #003d1f !important;
  --md-sys-color-on-primary-container: #00e676 !important;
  --md-sys-color-secondary: #8b9ab0 !important;
  --md-sys-color-on-secondary: #0a0f16 !important;
  --md-sys-color-secondary-container: #1a2535 !important;
  --md-sys-color-on-secondary-container: #e8edf4 !important;
  --md-sys-color-surface: #0a0f16 !important;
  --md-sys-color-surface-dim: #080c12 !important;
  --md-sys-color-surface-bright: #182435 !important;
  --md-sys-color-surface-container-lowest: #060a0f !important;
  --md-sys-color-surface-container-low: #0f1620 !important;
  --md-sys-color-surface-container: #131c28 !important;
  --md-sys-color-surface-container-high: #182435 !important;
  --md-sys-color-surface-container-highest: #1e2d40 !important;
  --md-sys-color-surface-variant: #1a2535 !important;
  --md-sys-color-on-surface: #e8edf4 !important;
  --md-sys-color-on-surface-variant: #8b9ab0 !important;
  --md-sys-color-on-surface-container: #e8edf4 !important;
  --md-sys-color-inverse-surface: #e8edf4 !important;
  --md-sys-color-inverse-on-surface: #0a0f16 !important;
  --md-sys-color-error: #ff5252 !important;

  --mdui-color-primary: #00d26a !important;
  --mdui-color-primary-light: #00e676 !important;
  --mdui-color-primary-dark: #00a854 !important;
  --mdui-color-primary-container-light: #003d1f !important;
  --mdui-color-primary-container-dark: #003d1f !important;
  --mdui-color-on-primary-light: #000000 !important;
  --mdui-color-on-primary-dark: #000000 !important;
  --mdui-color-on-primary-container-light: #00e676 !important;
  --mdui-color-on-primary-container-dark: #00e676 !important;
  --mdui-color-inverse-primary-light: #00a854 !important;
  --mdui-color-inverse-primary-dark: #00e676 !important;

  --mdui-color-secondary: #8b9ab0 !important;
  --mdui-color-secondary-light: #8b9ab0 !important;
  --mdui-color-secondary-dark: #5a6a7e !important;
  --mdui-color-secondary-container: #1a2535 !important;
  --mdui-color-secondary-container-light: #1a2535 !important;
  --mdui-color-secondary-container-dark: #131c28 !important;
  --mdui-color-on-secondary-light: #0a0f16 !important;
  --mdui-color-on-secondary-dark: #0a0f16 !important;
  --mdui-color-on-secondary-container: #e8edf4 !important;
  --mdui-color-on-secondary-container-light: #e8edf4 !important;
  --mdui-color-on-secondary-container-dark: #e8edf4 !important;

  --mdui-color-surface-light: #0a0f16 !important;
  --mdui-color-surface-dark: #0a0f16 !important;
  --mdui-color-surface-dim-light: #080c12 !important;
  --mdui-color-surface-dim-dark: #080c12 !important;
  --mdui-color-surface-bright-light: #182435 !important;
  --mdui-color-surface-bright-dark: #182435 !important;
  --mdui-color-surface-container: #131c28 !important;
  --mdui-color-surface-container-light: #131c28 !important;
  --mdui-color-surface-container-dark: #131c28 !important;
  --mdui-color-surface-container-low-light: #0f1620 !important;
  --mdui-color-surface-container-low-dark: #0f1620 !important;
  --mdui-color-surface-container-high-light: #182435 !important;
  --mdui-color-surface-container-high-dark: #182435 !important;
  --mdui-color-surface-container-highest-light: #1e2d40 !important;
  --mdui-color-surface-container-highest-dark: #1e2d40 !important;
  --mdui-color-surface-container-lowest-light: #060a0f !important;
  --mdui-color-surface-container-lowest-dark: #060a0f !important;
  --mdui-color-surface-variant: #1a2535 !important;
  --mdui-color-surface-variant-light: #1a2535 !important;
  --mdui-color-surface-variant-dark: #1a2535 !important;
  --mdui-color-surface-tint-color-dark: #00d26a !important;
  --mdui-color-surface-tint-color-light: #00d26a !important;
  --mdui-color-on-surface-light: #e8edf4 !important;
  --mdui-color-on-surface-dark: #e8edf4 !important;
  --mdui-color-on-surface-variant: #8b9ab0 !important;
  --mdui-color-on-surface-variant-light: #8b9ab0 !important;
  --mdui-color-on-surface-variant-dark: #8b9ab0 !important;
  --mdui-color-on-surface-container: #e8edf4 !important;
  --mdui-color-inverse-surface-light: #e8edf4 !important;
  --mdui-color-inverse-surface-dark: #e8edf4 !important;
  --mdui-color-inverse-on-surface-light: #0a0f16 !important;
  --mdui-color-inverse-on-surface-dark: #0a0f16 !important;

  --mdui-color-background: #0a0f16 !important;
  --mdui-color-background-light: #0a0f16 !important;
  --mdui-color-background-dark: #0a0f16 !important;
  --mdui-color-on-background: #e8edf4 !important;
  --mdui-color-on-background-light: #e8edf4 !important;
  --mdui-color-on-background-dark: #e8edf4 !important;

  --colours-foreground: #e8edf4 !important;
  --colours-component-combo-background: #131c28 !important;
  --colours-component-combo-foreground: #e8edf4 !important;
  --colours-component-combo-focus: #00d26a !important;
  --colours-component-input-background-primary: #0f1620 !important;
  --colours-component-input-background-secondary: #131c28 !important;
  --colours-component-input-foreground: #e8edf4 !important;
  --colours-component-input-focus: #00d26a !important;
  --colours-component-input-hover-primary: #182435 !important;

  --customColours-error-color: #ff5252 !important;
  --customColours-warning-color: #ffa726 !important;
}

/* Hide the original Revolt/Revo SVG wordmark */
svg[width="500"][height="94"] {
  display: none !important;
}

/* CincySMP branding in the logo container */
div:has(> svg[width="500"][height="94"]) {
  background: #0a0f16 !important;
  min-height: 94px;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

div:has(> svg[width="500"][height="94"])::before {
  content: "CincySMP";
  font-family: ui-sans-serif, system-ui, sans-serif;
  font-size: 48px;
  font-weight: 800;
  letter-spacing: -0.02em;
  background: linear-gradient(to bottom right, #e8edf4, #00d26a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

div:has(> svg[width="500"][height="94"])::after {
  content: "Like skyline chili, but with more creepers";
  font-family: ui-sans-serif, system-ui, sans-serif;
  font-size: 16px;
  color: #8b9ab0;
  font-weight: 400;
}

/* Hide Donate and Feedback home cards by grid position */
/* Grid: 2 columns (w_260px), col1=[Create, Donate], col2=[Feedback, Settings] */
[class*="bg_var(--md-sys-color-surface-v"][class*="gap_8px"][class*="p_8px"][class*="d_flex"] > [class*="w_260px"]:first-child > a:last-child,
[class*="bg_var(--md-sys-color-surface-v"][class*="gap_8px"][class*="p_8px"][class*="d_flex"] > [class*="w_260px"]:last-child > a:first-child {
  display: none !important;
}

/* Hide duplicate platform join row in profile card — only the server join matters */
div[class*="asp_1/1"][class*="flex-d_column"] > span:nth-child(2),
div[class*="asp_1/1"][class*="flex-d_column"] > span:nth-child(3) {
  display: none !important;
}

/* Subtle branded background on the main chat area */
#root {
  background: #0a0f16 !important;
}

#root::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url('/background.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.08;
  pointer-events: none;
  z-index: 0;
}