/* Default light theme effects */
:root,
:root[data-theme=light] {
  --UIEffects-HoverShadow: 0 1px 4px rgba(0, 0, 0, .33);
  --UIEffects-FocusGlow: 0 0 1px 4px var(--color-focus-fill);
  --Focus-outline: 2px solid #1a617a;
  --Focus-outline-gap: 2px;
}

/* Brand V1 light theme effects */
:root[data-bv="1"],
:root[data-bv="1"][data-theme=light] {
  --UIEffects-FocusGlow: 0 0 1px 4px var(--color-purple-300);
  --Focus-outline: 2px solid var(--color-purple-900);
}

/* Dark theme effects */
@media screen and (prefers-color-scheme: dark) {
  :root {
    --Focus-outline: 2px solid #a5dbe6;
  }
  
  :root[data-bv="1"] {
    --UIEffects-FocusGlow: 0 0 1px 4px var(--color-purple-700);
    --Focus-outline: 2px solid var(--color-purple-200);
  }
}

/* Explicit dark theme effects */
:root[data-theme=dark] {
  --Focus-outline: 2px solid #a5dbe6;
}

:root[data-theme=dark][data-bv="1"] {
  --UIEffects-FocusGlow: 0 0 1px 4px var(--color-purple-700);
  --Focus-outline: 2px solid var(--color-purple-200);
}
