/**
 * Roles Color System
 * 
 * Standardized color references for worker roles (greeter, mapper, cogitarian).
 * These CSS variables define subtle colors for role-based styling.
 */

:root {
    /* Greeter - Calm cyan tones (welcoming, serene) */
    --role-greeter: rgb(60, 160, 180);
    --role-greeter-light: rgba(60, 160, 180, 0.12);
    --role-greeter-medium: rgba(60, 160, 180, 0.25);
    --role-greeter-dark: rgb(40, 120, 140);
    
    /* Mapper - Natural lime tones (exploration, growth) */
    --role-mapper: rgb(120, 180, 70);
    --role-mapper-light: rgba(120, 180, 70, 0.12);
    --role-mapper-medium: rgba(120, 180, 70, 0.25);
    --role-mapper-dark: rgb(85, 140, 50);
    
    /* Cogitarian - Orange-red tones (wisdom, knowledge) */
    --role-cogitarian: rgb(210, 95, 50);
    --role-cogitarian-light: rgba(210, 95, 50, 0.12);
    --role-cogitarian-medium: rgba(210, 95, 50, 0.25);
    --role-cogitarian-dark: rgb(160, 70, 35);
    
    /* Provisioner - Harvest wheat yellow (nourishment, warmth) */
    --role-provisioner: rgb(218, 165, 32);
    --role-provisioner-light: rgba(218, 165, 32, 0.12);
    --role-provisioner-medium: rgba(218, 165, 32, 0.25);
    --role-provisioner-dark: rgb(184, 134, 11);
    
    /* Dreamstyler - Lavender purple (aesthetics, creativity) */
    --role-dreamstyler: rgb(158, 117, 229);
    --role-dreamstyler-light: rgba(158, 117, 229, 0.12);
    --role-dreamstyler-medium: rgba(158, 117, 229, 0.25);
    --role-dreamstyler-dark: rgb(120, 85, 180);
    
    /* Bursar - Emerald green tones (treasury, trust, schemes) */
    --role-bursar: rgb(16, 185, 129);
    --role-bursar-light: rgba(16, 185, 129, 0.12);
    --role-bursar-medium: rgba(16, 185, 129, 0.25);
    --role-bursar-dark: rgb(5, 150, 105);
    
    /* Cheerful - Vibrant pink tones (positivity, warmth, cheer) */
    --role-cheerful: rgb(224, 94, 207);
    --role-cheerful-light: rgba(224, 94, 207, 0.12);
    --role-cheerful-medium: rgba(224, 94, 207, 0.25);
    --role-cheerful-dark: rgb(180, 60, 165);
    
    /* Guardian - Warm brown tones (protection, trust, shelter) */
    --role-guardian: rgb(139, 90, 43);
    --role-guardian-light: rgba(139, 90, 43, 0.12);
    --role-guardian-medium: rgba(139, 90, 43, 0.25);
    --role-guardian-dark: rgb(101, 67, 33);
}

/* Role-specific utility classes */
.role-bg-greeter { background-color: var(--role-greeter-light) !important; }
.role-bg-mapper { background-color: var(--role-mapper-light) !important; }
.role-bg-cogitarian { background-color: var(--role-cogitarian-light) !important; }
.role-bg-provisioner { background-color: var(--role-provisioner-light) !important; }
.role-bg-dreamstyler { background-color: var(--role-dreamstyler-light) !important; }
.role-bg-bursar { background-color: var(--role-bursar-light) !important; }
.role-bg-cheerful { background-color: var(--role-cheerful-light) !important; }
.role-bg-guardian { background-color: var(--role-guardian-light) !important; }

.role-text-greeter { color: var(--role-greeter) !important; }
.role-text-mapper { color: var(--role-mapper) !important; }
.role-text-cogitarian { color: var(--role-cogitarian) !important; }
.role-text-provisioner { color: var(--role-provisioner) !important; }
.role-text-dreamstyler { color: var(--role-dreamstyler) !important; }
.role-text-bursar { color: var(--role-bursar) !important; }
.role-text-cheerful { color: var(--role-cheerful) !important; }
.role-text-guardian { color: var(--role-guardian) !important; }

/* Role link colors */
.role-link-greeter { color: var(--role-greeter); }
.role-link-mapper { color: var(--role-mapper); }
.role-link-cogitarian { color: var(--role-cogitarian); }
.role-link-provisioner { color: var(--role-provisioner); }
.role-link-dreamstyler { color: var(--role-dreamstyler); }
.role-link-bursar { color: var(--role-bursar); }
.role-link-cheerful { color: var(--role-cheerful); }
.role-link-guardian { color: var(--role-guardian); }

.role-link-greeter:hover { color: var(--role-greeter-dark); }
.role-link-mapper:hover { color: var(--role-mapper-dark); }
.role-link-cogitarian:hover { color: var(--role-cogitarian-dark); }
.role-link-provisioner:hover { color: var(--role-provisioner-dark); }
.role-link-dreamstyler:hover { color: var(--role-dreamstyler-dark); }
.role-link-bursar:hover { color: var(--role-bursar-dark); }
.role-link-cheerful:hover { color: var(--role-cheerful-dark); }
.role-link-guardian:hover { color: var(--role-guardian-dark); }

/* Spectrum preview helper text styling moved here so role color tokens are available */
.spectrum-preview-helper-text {
    font-size: 0.85rem;
    color: var(--role-mapper-dark);
    font-weight: 600;
}