/* Brand-specific CSS for fresh-casino-brazil.com - Updated with brand color palette */

/* Base styles for the brand color scheme */
:root {
  /* Primary background colors */
  --color-black: #000000;
  --theme-body-bgd: #141414;
  --theme-body-shade-20: #242424;
  --theme-body-shade-30: #333333;
  --theme-body-shade-60: #1f1f1f;
  --theme-gray-01: #191919;
  --theme-brand-01: #141414;
  --theme-brand-02: #242424;
  --theme-brand-03: #141414;
  
  /* Text colors */
  --color-white: #FFFFFF;
  --theme-body-txt: #FFFFFF;
  --theme-body: #CCCCCC;
  --theme-body-80: #ADADAD;
  --theme-body-70: #999999;
  --theme-body-60: #858585;
  --theme-body-50: #707070;
  --theme-body-40: #6D6D6D;
  --theme-body-30: #5C5C5C;
  --theme-body-20: #474747;
  --theme-body-10: #C1C1C1;
  
  /* Accent colors */
  --theme-cta-01: #FFCC00; /* золотисто-желтый */
  --theme-accent-01: #FFCC00;
  --theme-accent-02: #ADADAD;
  
  /* Semantic colors */
  --theme-success: #43BD35;
  --theme-success-alt: #8ED786;
  --theme-success-tint: #7BD172;
  
  --theme-error: #FF9466;
  --theme-danger: #FF9466;
  --theme-error-alt: #FF824D;
  
  --theme-warning: #FAD766;
  --theme-warning-alt: #F9D14D;
  
  --theme-info: #71B5EC;
  --theme-chat: #1284E0;
  --theme-info-alt: #448EF6;
  
  /* Border colors */
  --theme-border-main: #707070;
  --theme-border-light: #D6D6D6;
  --theme-border-dark: #474747;
  --theme-border-divider: #C1C1C1;
  
  /* Overlay/Shadow */
  --theme-overlay-dark: rgba(0, 0, 0, 0.6);
  --theme-box-shadow-dark: rgba(0, 0, 0, 0.8);
  
  /* Special colors */
  --theme-sports-live-v2: #FF0000; /* Placeholder */
  --theme-promo-freebet: #00FF00; /* Placeholder */
  
  /* Gradients */
  --theme-gradient-gold-light: #C0A971;
  --theme-gradient-gold-dark: #9E8B5B;
  
  /* Opacity values */
  --opacity-disabled: 0.45;
  --opacity-overlay: 0.6;
  --opacity-muted-text: 0.6;
}

/* Make bold text yellow */
b, strong {
  color: var(--theme-cta-01);
  font-weight: 700;
}

/* Form elements */
input, textarea {
  background-color: var(--theme-body-shade-20);
  border: 1px solid var(--theme-border-main);
  color: var(--theme-body-txt);
}

input:focus, textarea:focus {
  background-color: var(--theme-body-bgd);
  border: 1px solid var(--theme-accent-01);
  box-shadow: 0 0 0 2px rgba(255, 204, 0, 0.2);
}

/* Navigation styles */
.navmenu a {
  color: var(--theme-body-80);
  border: 1px solid transparent;
}

.navmenu a:hover {
  color: var(--theme-body-txt);
  background-color: rgba(255, 204, 0, 0.1);
  border: 1px solid rgba(255, 204, 0, 0.3);
}

/* Button styles */
.btn-brand {
  background-color: var(--theme-transparent);
  color: var(--theme-body-txt);
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 0.75rem 1.5rem;
  border-radius: 50px;
  font-weight: 600;
  transition: all 0.3s ease;
}

.btn-brand:hover {
  background-color: rgba(255, 204, 0, 0.1);
  box-shadow: 0 4px 6px var(--theme-box-shadow-dark);
  transform: translateY(-2px);
}

.btn-brand-primary {
  background: linear-gradient(135deg, rgba(255, 204, 0, 0.2) 0%, rgba(255, 204, 0, 0.1) 100%);
  color: var(--color-white);
  border: 1px solid rgba(255, 204, 0, 0.3);
}

.btn-brand-primary:hover {
  background: linear-gradient(135deg, rgba(255, 204, 0, 0.3) 0%, rgba(255, 204, 0, 0.15) 100%);
  box-shadow: 0 6px 8px var(--theme-box-shadow-dark);
}

.btn-brand-success {
  background: linear-gradient(135deg, rgba(67, 189, 53, 0.2) 0%, rgba(67, 189, 53, 0.1) 100%);
  color: var(--color-white);
  border: 1px solid rgba(67, 189, 53, 0.3);
}

.btn-brand-success:hover {
  background: linear-gradient(135deg, rgba(67, 189, 53, 0.3) 0%, rgba(67, 189, 53, 0.15) 100%);
  box-shadow: 0 6px 8px var(--theme-box-shadow-dark);
}

/* 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);
  border-radius: 10px;
  padding: 1.25rem;
  transition: all 0.3s ease;
}

.card:hover {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  transform: translateY(-5px);
}

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

/* Border utilities */
.border-main {
  border-color: var(--theme-border-main);
}

.border-light {
  border-color: var(--theme-border-light);
}

.border-dark {
  border-color: var(--theme-border-dark);
}

.border-divider {
  border-color: var(--theme-border-divider);
}

/* Text styles */
.text-primary {
  color: var(--theme-body-txt);
}

.text-secondary {
  color: var(--theme-body);
}

.text-muted {
  color: var(--theme-body-60);
}

.text-success {
  color: var(--theme-success);
}

.text-error {
  color: var(--theme-error);
}

.text-warning {
  color: var(--theme-warning);
}

.text-info {
  color: var(--theme-info);
}

.text-accent-primary {
  color: var(--theme-accent-01);
}

/* Background styles */
.bg-dark {
  background-color: var(--theme-body-bgd);
}

.bg-shade-20 {
  background-color: var(--theme-body-shade-20);
}

.bg-shade-30 {
  background-color: var(--theme-body-shade-30);
}

.bg-gray-01 {
  background-color: var(--theme-gray-01);
}

.bg-success {
  background-color: var(--theme-success);
}

.bg-error {
  background-color: var(--theme-error);
}

.bg-warning {
  background-color: var(--theme-warning);
}

.bg-info {
  background-color: var(--theme-info);
}

.bg-accent-primary {
  background-color: var(--theme-accent-01);
}

/* Gradient effects */
.gradient-gold {
  background: linear-gradient(135deg, var(--theme-gradient-gold-light) 0%, var(--theme-gradient-gold-dark) 100%);
}

.gradient-primary {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(250, 250, 250, 0.7) 100%);
}

/* Utility classes for opacity */
.opacity-disabled {
  opacity: var(--opacity-disabled);
}

.opacity-overlay {
  opacity: var(--opacity-overlay);
}

.opacity-muted {
  opacity: var(--opacity-muted-text);
}