/* ============================================
   R2Z Stays Brand Color System
   ============================================ */

:root {
  /* Primary Brand Color - Real Green */
  --r2z-primary: #144449;
  --r2z-primary-dark: #0f3236;
  --r2z-primary-light: #1a5a61;
  --r2z-primary-rgb: 20, 68, 73;
  
  /* Secondary Brand Colors */
  --r2z-mint: #C1E6E5;
  --r2z-mint-light: #E8F5F4;
  --r2z-mint-dark: #A8D9D7;
  --r2z-mint-rgb: 193, 230, 229;
  
  --r2z-apple: #D4FBB3;
  --r2z-apple-light: #E9FDD9;
  --r2z-apple-dark: #B8E88F;
  --r2z-apple-rgb: 212, 251, 179;
  
  /* Neutral Colors */
  --r2z-white: #FFFFFF;
  --r2z-black: #1a1a1a;
  --r2z-gray-light: #F8F9FA;
  --r2z-gray: #6C757D;
  --r2z-gray-dark: #495057;
  
  /* Semantic Colors */
  --r2z-success: var(--r2z-apple);
  --r2z-info: var(--r2z-mint);
  --r2z-warning: #FFC107;
  --r2z-danger: #DC3545;
  
  /* Gradients */
  --r2z-gradient-primary: linear-gradient(135deg, var(--r2z-primary) 0%, var(--r2z-primary-light) 100%);
  --r2z-gradient-mint: linear-gradient(135deg, var(--r2z-mint) 0%, var(--r2z-mint-light) 100%);
  --r2z-gradient-apple: linear-gradient(135deg, var(--r2z-apple) 0%, var(--r2z-apple-light) 100%);
  --r2z-gradient-brand: linear-gradient(135deg, var(--r2z-primary) 0%, var(--r2z-mint) 50%, var(--r2z-apple) 100%);
  
  /* Shadows with brand colors */
  --r2z-shadow-primary: 0 4px 20px rgba(var(--r2z-primary-rgb), 0.15);
  --r2z-shadow-mint: 0 4px 20px rgba(var(--r2z-mint-rgb), 0.2);
  --r2z-shadow-apple: 0 4px 20px rgba(var(--r2z-apple-rgb), 0.2);
  --r2z-shadow-hover: 0 10px 30px rgba(var(--r2z-primary-rgb), 0.25);
}

/* ============================================
   Brand Color Utilities
   ============================================ */

/* Background Colors */
.bg-r2z-primary { background-color: var(--r2z-primary) !important; }
.bg-r2z-mint { background-color: var(--r2z-mint) !important; }
.bg-r2z-apple { background-color: var(--r2z-apple) !important; }
.bg-r2z-mint-light { background-color: var(--r2z-mint-light) !important; }
.bg-r2z-apple-light { background-color: var(--r2z-apple-light) !important; }

/* Text Colors */
.text-r2z-primary { color: var(--r2z-primary) !important; }
.text-r2z-mint { color: var(--r2z-mint-dark) !important; }
.text-r2z-apple { color: var(--r2z-apple-dark) !important; }

/* Border Colors */
.border-r2z-primary { border-color: var(--r2z-primary) !important; }
.border-r2z-mint { border-color: var(--r2z-mint) !important; }
.border-r2z-apple { border-color: var(--r2z-apple) !important; }

/* Gradients */
.bg-gradient-r2z-primary { background: var(--r2z-gradient-primary) !important; }
.bg-gradient-r2z-mint { background: var(--r2z-gradient-mint) !important; }
.bg-gradient-r2z-apple { background: var(--r2z-gradient-apple) !important; }
.bg-gradient-r2z-brand { background: var(--r2z-gradient-brand) !important; }

/* ============================================
   Button Styles with Brand Colors
   ============================================ */

.btn-primary,
.btn.btn-primary {
  background-color: var(--r2z-primary);
  border-color: var(--r2z-primary);
  color: var(--r2z-white);
  transition: all 0.3s ease;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active {
  background-color: var(--r2z-primary-dark);
  border-color: var(--r2z-primary-dark);
  color: var(--r2z-white);
  box-shadow: var(--r2z-shadow-primary);
  transform: translateY(-2px);
}

.btn-outline-primary {
  color: var(--r2z-primary);
  border-color: var(--r2z-primary);
  background-color: transparent;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  background-color: var(--r2z-primary);
  border-color: var(--r2z-primary);
  color: var(--r2z-white);
  box-shadow: var(--r2z-shadow-primary);
}

/* Secondary Button Styles */
.btn-mint {
  background-color: var(--r2z-mint);
  border-color: var(--r2z-mint);
  color: var(--r2z-primary);
}

.btn-mint:hover,
.btn-mint:focus,
.btn-mint:active {
  background-color: var(--r2z-mint-dark);
  border-color: var(--r2z-mint-dark);
  color: var(--r2z-primary);
  box-shadow: var(--r2z-shadow-mint);
}

.btn-apple {
  background-color: var(--r2z-apple);
  border-color: var(--r2z-apple);
  color: var(--r2z-primary);
}

.btn-apple:hover,
.btn-apple:focus,
.btn-apple:active {
  background-color: var(--r2z-apple-dark);
  border-color: var(--r2z-apple-dark);
  color: var(--r2z-primary);
  box-shadow: var(--r2z-shadow-apple);
}

/* Link Styles */
a {
  color: var(--r2z-primary);
  transition: color 0.3s ease;
}

a:hover,
a:focus {
  color: var(--r2z-primary-dark);
  text-decoration: none;
}

/* Card Enhancements */
.r2z-card-enhanced {
  border-top: 3px solid var(--r2z-primary);
}

.r2z-card-enhanced:hover {
  border-top-color: var(--r2z-mint);
  box-shadow: var(--r2z-shadow-hover);
}

/* Background Accents */
.bg-accent-mint {
  background-color: var(--r2z-mint-light) !important;
}

.bg-accent-apple {
  background-color: var(--r2z-apple-light) !important;
}

/* Text Accents */
.text-accent-primary {
  color: var(--r2z-primary) !important;
}

.text-accent-mint {
  color: var(--r2z-mint-dark) !important;
}

.text-accent-apple {
  color: var(--r2z-apple-dark) !important;
}