/* Heduno brand theme */

:root {
  /* Accent — hot pink / magenta */
  --color-accent: #e8246c;
  --color-accent-rgb: 232 36 108;
  --color-accent-hover: #ff6b6b;
  --color-accent-hover-rgb: 255 107 107;

  /* Backgrounds */
  --color-bg: #000000;
  --color-bg-rgb: 0 0 0;
  --color-surface: #0f1729;
  --color-surface-rgb: 15 23 41;

  /* Text */
  --color-text: #ffffff;
  --color-text-muted: #9ca3af;

  /* Border */
  --color-border: rgba(55, 65, 81, 0.5);

  /* Shape — rounded, premium feel */
  --border-radius: 0.75rem;
}

/* --- Pink glow effects on interactive elements --- */

/* Card hover glow */
.bg-\[\#1a1a1a\]:hover {
  box-shadow: 0 0 20px rgba(232, 36, 108, 0.1);
}

/* Accent button glow */
.bg-\[\#ff6b1a\],
.bg-gradient-to-r.from-\[\#ff6b1a\] {
  box-shadow: 0 4px 14px rgba(232, 36, 108, 0.3);
}

.bg-\[\#ff6b1a\]:hover,
.hover\:bg-\[\#ff8542\]:hover {
  box-shadow: 0 6px 20px rgba(232, 36, 108, 0.4);
}

/* Content grid item hover glow */
[data-content-item]:hover {
  box-shadow: 0 0 24px rgba(232, 36, 108, 0.15);
}

/* Tab active indicator glow */
.border-\[\#ff6b1a\] {
  text-shadow: 0 0 8px rgba(232, 36, 108, 0.4);
}