/* Brand-specific CSS for ninecasino-br.com */

/* Base styles for the brand color scheme */
:root {
  --brand-white: #ffffff;
  --brand-light-gray: #fafafa;
  --brand-transparent: transparent;
  --brand-dark-gray: rgba(9, 10, 11, 1);
  --brand-overlay: rgba(0, 0, 0, 0.5);
  --brand-shadow-purple: rgba(75, 74, 120, 0.11);
  --brand-shadow-blue: rgba(227, 233, 242, 0.6);
}

/* Form elements */
input, textarea {
  background-color: var(--brand-light-gray);
  border: 1px solid var(--brand-transparent);
}

input:focus, textarea:focus {
  background-color: var(--brand-white);
  border: 1px solid var(--brand-light-gray);
}

/* Navigation styles */
.navmenu a {
  color: var(--brand-light-gray);
  border: 1px solid var(--brand-transparent);
}

.navmenu a:hover {
  color: var(--brand-white);
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Button styles */
.btn-brand {
  background-color: var(--brand-transparent);
  color: var(--brand-white);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.btn-brand:hover {
  background-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0 4px 6px var(--brand-shadow-purple);
}

/* Card styles */
.card {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, transparent 100%);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.card:hover {
  box-shadow: 0 10px 30px var(--brand-dark-gray);
}

/* Overlay effects */
.overlay {
  background-color: var(--brand-overlay);
}

/* Shadow effects */
.dropdown-shadow {
  box-shadow: 0 4px 6px var(--brand-shadow-purple);
}

.faq-shadow {
  box-shadow: 0 2px 4px var(--brand-shadow-blue);
}

/* Gradient effects */
.white-gradient {
  background: linear-gradient(90deg, #eee, #fff);
}

/* Text styles */
.text-primary {
  color: var(--brand-white);
}

.text-secondary {
  color: var(--brand-light-gray);
}