/* RMS System Color Palette */
/* Based on modern gradient design for hero section and branding */

:root {
    /* Primary Gradient Colors (Teal to Blue) */
    --color-teal-primary: #0EC6A0;
    --color-teal-light: #08BFA7;
    --color-teal-blue: #0A9FB0;
    --color-blue-teal: #1A7FC8;
    --color-blue-primary: #2563EB;
    --color-blue-dark: #1D4ED8;
    
    /* Legacy Brand Colors (for compatibility) */
    --color-brand-primary: #007B8A;
    --color-brand-dark: #005F6B;
    --color-brand-light: #0EC6A0;
    
    /* Semantic Colors */
    --color-success: #0EC6A0;
    --color-info: #2563EB;
    --color-warning: #F59E0B;
    --color-danger: #EF4444;
    
    /* Neutral Colors */
    --color-white: #FFFFFF;
    --color-gray-50: #F8FAFC;
    --color-gray-100: #F1F5F9;
    --color-gray-200: #E2E8F0;
    --color-gray-300: #CBD5E1;
    --color-gray-400: #94A3B8;
    --color-gray-500: #64748B;
    --color-gray-600: #475569;
    --color-gray-700: #334155;
    --color-gray-800: #1E293B;
    --color-gray-900: #0F172A;
    --color-black: #000000;
    
    /* Gradient Definitions */
    --gradient-hero: linear-gradient(135deg, var(--color-teal-primary) 0%, var(--color-teal-light) 20%, var(--color-teal-blue) 40%, var(--color-blue-teal) 70%, var(--color-blue-primary) 100%);
    --gradient-hero-reverse: linear-gradient(315deg, var(--color-teal-primary) 0%, var(--color-teal-light) 20%, var(--color-teal-blue) 40%, var(--color-blue-teal) 70%, var(--color-blue-primary) 100%);
    --gradient-brand: linear-gradient(135deg, var(--color-brand-primary) 0%, var(--color-brand-dark) 100%);
    
    /* Shadow Colors */
    --shadow-color-primary: rgba(14, 198, 160, 0.3);
    --shadow-color-blue: rgba(37, 99, 235, 0.3);
}

/* Utility Classes for Background Colors */
.bg-teal-primary { background-color: var(--color-teal-primary); }
.bg-teal-light { background-color: var(--color-teal-light); }
.bg-teal-blue { background-color: var(--color-teal-blue); }
.bg-blue-teal { background-color: var(--color-blue-teal); }
.bg-blue-primary { background-color: var(--color-blue-primary); }

.bg-gradient-hero { background: var(--gradient-hero); }
.bg-gradient-brand { background: var(--gradient-brand); }

/* Utility Classes for Text Colors */
.text-teal-primary { color: var(--color-teal-primary); }
.text-teal-light { color: var(--color-teal-light); }
.text-teal-blue { color: var(--color-teal-blue); }
.text-blue-teal { color: var(--color-blue-teal); }
.text-blue-primary { color: var(--color-blue-primary); }

/* Utility Classes for Border Colors */
.border-teal-primary { border-color: var(--color-teal-primary); }
.border-teal-light { border-color: var(--color-teal-light); }
.border-teal-blue { border-color: var(--color-teal-blue); }
.border-blue-teal { border-color: var(--color-blue-teal); }
.border-blue-primary { border-color: var(--color-blue-primary); }