/* RCS Theme Colors - Exact colors from logo */
:root {
    --rcs-primary: #0BC4D9;      /* Turquoise/Cyan from logo */
    --rcs-primary-dark: #09B0C3;
    --rcs-primary-light: #2DCEE2;
    --rcs-secondary: #2EBC57;    /* Green from logo */
    --rcs-secondary-dark: #26A04A;
    --rcs-secondary-light: #4CC96D;
}

/* Override default colors with RCS theme */
.bg-blue-600 { background-color: var(--rcs-primary) !important; }
.bg-blue-700 { background-color: var(--rcs-primary-dark) !important; }
.bg-blue-800 { background-color: var(--rcs-primary-dark) !important; }
.text-blue-600 { color: var(--rcs-primary) !important; }
.text-blue-700 { color: var(--rcs-primary-dark) !important; }
.text-blue-800 { color: var(--rcs-primary-dark) !important; }
.hover\:bg-blue-700:hover { background-color: var(--rcs-primary-dark) !important; }
.hover\:text-blue-600:hover { color: var(--rcs-primary) !important; }
.hover\:text-blue-800:hover { color: var(--rcs-primary-dark) !important; }

.bg-green-600 { background-color: var(--rcs-secondary) !important; }
.bg-green-700 { background-color: var(--rcs-secondary-dark) !important; }
.text-green-600 { color: var(--rcs-secondary) !important; }
.text-green-700 { color: var(--rcs-secondary-dark) !important; }

/* Custom RCS classes */
.bg-rcs-primary { background-color: var(--rcs-primary); }
.bg-rcs-primary-dark { background-color: var(--rcs-primary-dark); }
.bg-rcs-primary-light { background-color: var(--rcs-primary-light); }
.bg-rcs-secondary { background-color: var(--rcs-secondary); }
.bg-rcs-secondary-dark { background-color: var(--rcs-secondary-dark); }
.bg-rcs-secondary-light { background-color: var(--rcs-secondary-light); }

.text-rcs-primary { color: var(--rcs-primary); }
.text-rcs-primary-dark { color: var(--rcs-primary-dark); }
.text-rcs-primary-light { color: var(--rcs-primary-light); }
.text-rcs-secondary { color: var(--rcs-secondary); }
.text-rcs-secondary-dark { color: var(--rcs-secondary-dark); }
.text-rcs-secondary-light { color: var(--rcs-secondary-light); }

.border-rcs-primary { border-color: var(--rcs-primary); }
.border-rcs-secondary { border-color: var(--rcs-secondary); }

/* Gradient backgrounds */
.bg-gradient-rcs {
    background: linear-gradient(135deg, var(--rcs-primary) 0%, var(--rcs-primary-dark) 100%);
}

.bg-gradient-rcs-secondary {
    background: linear-gradient(135deg, var(--rcs-secondary) 0%, var(--rcs-secondary-dark) 100%);
}

/* Hero section with RCS colors */
.hero-rcs {
    background: linear-gradient(135deg, var(--rcs-primary) 0%, var(--rcs-primary-dark) 50%, var(--rcs-secondary) 100%);
}