/* Overrides the panels' accent family for this brand (unlayered, so it wins over the panels' layered styles). */
:root {
  --btn-primary-bg: #6236ff;
  --btn-primary-bg-hover: #4f1fe8;
  --btn-primary-text: #ffffff;
  --color-accent: #6236ff;
  --color-accent-hover: #4f1fe8;
  --color-accent-foreground: #ffffff;
  --brand-primary: var(--hyperaven-accent);
  --hyperaven-accent: #6236ff;
  --hyperaven-accent-hover: #4f1fe8;
  --hyperaven-accent-foreground: #ffffff;
  --hyperaven-accent-subtle: rgba(98, 54, 255, 0.08);
  --hyperaven-accent-border: rgba(98, 54, 255, 0.2);
  --brand-subtle-text: #5f31fb; /* label on --hyperaven-accent-subtle */
  --entry-grid-color: rgba(98, 54, 255, 0.18);
  --entry-login-input-border: rgba(98, 54, 255, 0.28);
  --entry-login-input-autofill-shadow: rgba(98, 54, 255, 0.12);
  --entry-node-color: rgba(98, 54, 255, 0.35);
  --entry-glow: rgba(98, 54, 255, 0.12);
}

.dark {
  --btn-primary-bg: #7c55f5;
  --btn-primary-bg-hover: #6f47f0;
  --btn-primary-text: #ffffff;
  --color-accent: #845ef7;
  --color-accent-hover: #9b72fb;
  --color-accent-foreground: #ffffff;
  --brand-primary: var(--hyperaven-accent);
  --hyperaven-accent: #845ef7;
  --hyperaven-accent-hover: #9b72fb;
  --hyperaven-accent-foreground: #ffffff;
  --hyperaven-accent-subtle: rgba(132, 94, 247, 0.12);
  --hyperaven-accent-border: rgba(132, 94, 247, 0.25);
  --brand-subtle-text: #b197fc; /* label on --hyperaven-accent-subtle */
  --entry-grid-color: rgba(132, 94, 247, 0.22);
  --entry-login-input-border: rgba(132, 94, 247, 0.32);
  --entry-login-input-autofill-shadow: rgba(132, 94, 247, 0.1);
  --entry-node-color: rgba(132, 94, 247, 0.5);
  --entry-glow: rgba(132, 94, 247, 0.15);
}