/* InStalk brand surfaces. Social-feed screens keep their own UI palette. */
body[data-instalk-theme="brand"] {
  --instalk-bg: #09080d;
  --instalk-surface: #15121d;
  --instalk-surface-raised: #1d1828;
  --instalk-border: #342d43;
  --instalk-primary: #7c3aed;
  --instalk-primary-hover: #6d28d9;
  --instalk-accent: #c4b5fd;
  --instalk-pink: #db2777;
  --instalk-text: #f5f3ff;
  --instalk-muted: #b0aabd;
  --primary-gradient: var(--instalk-primary);
  --primary-purple: var(--instalk-primary);
  --primary-purple-light: var(--instalk-accent);
  --bg-dark: var(--instalk-bg);
  --bg-card: var(--instalk-surface);
  --border-light: var(--instalk-border);
  --gradient-primary: var(--instalk-primary);
  --gradient-button: var(--instalk-primary);
  --background-card: var(--instalk-surface);
  --foreground: var(--instalk-text);
  --foreground-muted: var(--instalk-muted);
  --foreground-secondary: var(--instalk-muted);
  --border-color: var(--instalk-border);
  --border-accent: var(--instalk-border);
  --back-redirect-surface: var(--instalk-surface);
  --back-redirect-border: var(--instalk-border);
  --back-redirect-text: var(--instalk-text);
  --back-redirect-muted: var(--instalk-muted);
  background: var(--instalk-bg);
  color: var(--instalk-text);
}

body[data-instalk-surface="panel"] {
  --foreground: 255 100% 98%;
  --primary: 262 83% 58%;
  --ring: 255 92% 85%;
  --card: 256 23% 9%;
  --muted-foreground: 259 13% 70%;
}

body[data-instalk-theme="brand"] #root .instalk-matrix {
  opacity: .14 !important;
}

body[data-instalk-theme="brand"] #root > .min-h-screen {
  background-color: var(--instalk-bg);
}

body[data-instalk-theme="brand"] #root :is(.glass-card, .instalk-auth-card, .gradient-card, .cta-profile-card, .cta-features-section, .card-dpgm, .back-redirect-card) {
  background: var(--instalk-surface) !important;
  border: 1px solid var(--instalk-border) !important;
  box-shadow: 0 16px 40px #00000030 !important;
}

body[data-instalk-theme="brand"] #root .cta-timer-bar {
  background: var(--instalk-surface-raised);
  border-top: 1px solid var(--instalk-border);
  animation: none;
}

body[data-instalk-theme="brand"] #root :is(.cta-profile-card-badge, .back-redirect-badge) {
  background: var(--instalk-surface-raised);
  border-color: var(--instalk-border);
  color: var(--instalk-accent);
}

body[data-instalk-theme="brand"] #root :is(.gradient-text, .cta-gradient, .text-gradient, .text-gradient-inline, .title-typing) {
  background: none !important;
  color: var(--instalk-accent) !important;
  -webkit-text-fill-color: var(--instalk-accent) !important;
  animation: none;
}

body[data-instalk-theme="brand"] #root :is(.text-gray-400, .text-gray-500, .cta-profile-card-stat-label) {
  color: var(--instalk-muted);
}

body[data-instalk-theme="brand"] #root :is(.text-purple-400, .typing-cursor) {
  color: var(--instalk-accent);
}

body[data-instalk-theme="brand"] #root :is(.btn-primary, .cta-timer-button, .cta-pricing-cta-button, .gradient-button, button.gradient-primary, .btn-dpgm:not(.btn-secondary):not(.btn-gold):not(.btn-diamond), .back-redirect-button:not(.back-redirect-button--ghost)) {
  background: var(--instalk-primary);
  color: #fff;
  box-shadow: 0 6px 18px #7c3aed24;
  animation: none;
}

body[data-instalk-theme="brand"] #root :is(.btn-primary, .cta-timer-button, .cta-pricing-cta-button, .gradient-button, button.gradient-primary, .btn-dpgm:not(.btn-secondary):not(.btn-gold):not(.btn-diamond), .back-redirect-button:not(.back-redirect-button--ghost)):hover:not(:disabled) {
  background: var(--instalk-primary-hover);
}

body[data-instalk-theme="brand"] #root .btn-shimmer::after {
  display: none;
}

body[data-instalk-theme="brand"] #root :is(.input-dark, .instalk-auth-card input) {
  background: var(--instalk-bg) !important;
  color: var(--instalk-text);
}

body[data-instalk-theme="brand"] #root :is(input, textarea)::placeholder {
  color: var(--instalk-muted);
  opacity: 1;
}

body[data-instalk-theme="brand"] :is(button, a, input, select, textarea):focus-visible {
  outline: 2px solid var(--instalk-accent) !important;
  outline-offset: 3px;
}

body[data-instalk-theme="brand"] #root .study-checkout {
  background: var(--instalk-surface);
  border: 1px solid var(--instalk-border);
  color: var(--instalk-text);
}

body[data-instalk-theme="brand"] #root .study-checkout p {
  color: var(--instalk-muted);
}

body[data-instalk-theme="brand"] #root .study-checkout :is(input, select) {
  color-scheme: dark;
  background: var(--instalk-bg);
  color: var(--instalk-text);
  border-color: var(--instalk-border);
}

body[data-instalk-theme="brand"] #root .study-checkout button {
  background: var(--instalk-primary);
}

body[data-instalk-theme="brand"] #root .study-checkout button + button {
  background: var(--instalk-surface-raised) !important;
  border: 1px solid var(--instalk-border);
}

@media (prefers-reduced-motion: reduce) {
  body[data-instalk-theme="brand"] #root .instalk-matrix { visibility: hidden; }
}