/* N3rma / Kutaera — dark purple brand (replaces Fluxer blurple) */
:root,
.theme-dark,
.theme-coal,
.theme-dark_legacy,
html {
  --brand-primary: hsl(271, calc(62% * var(--saturation-factor, 1)), 40%);
  --brand-secondary: hsl(271, calc(55% * var(--saturation-factor, 1)), 30%);
  --brand-primary-light: hsl(271, calc(85% * var(--saturation-factor, 1)), 72%);
  --brand-primary-fill: hsl(0, 0%, 100%);
  --accent-primary: var(--brand-primary);
  --plutonium: var(--brand-primary);
  --plutonium-hover: var(--brand-secondary);
  --friend-action-brand: var(--brand-primary);
  --focus-primary: var(--brand-primary);
}

.theme-light {
  --brand-primary: hsl(271, calc(58% * var(--saturation-factor, 1)), 38%);
  --brand-secondary: hsl(271, calc(52% * var(--saturation-factor, 1)), 30%);
  --brand-primary-light: hsl(271, calc(80% * var(--saturation-factor, 1)), 70%);
  --plutonium: var(--brand-primary);
  --plutonium-hover: var(--brand-secondary);
}

/* Auth / login brand spot: purple gradient instead of blue */
[class*="themeIconSpot"] {
  background: linear-gradient(135deg, var(--brand-primary) 0%, #3b0764 100%) !important;
}

/* Avoid a white plate behind custom icons when hosts add a fill */
[class*="AuthPage"] img[src*="/branding/"],
img[src*="/branding/icon"] {
  background: transparent !important;
  box-shadow: none !important;
}
/* Declutter Fluxer auth / invite surfaces (N3rma) */

/* Soften leftover desktop-open / connect chrome if class names are stable */
[class*="Download"],
[class*="desktopApp"],
[class*="DesktopApp"],
[class*="OpenInApp"] {
  display: none !important;
}