[data-theme="guest"] {

    --role-50:  #f9fafb;
    --role-100: #f3f4f6;
    --role-200: #e5e7eb;
    --role-300: #d1d5db;
    --role-400: #9ca3af;
    --role-500: #6b7280;
    --role-600: #4b5563;
    --role-700: #374151;
    --role-800: #1f2937;
    --role-900: #111827;

    --role-accent:       #6b7280;
    --role-accent-hover: #4b5563;
    --role-accent-light: #f3f4f6;

    --sidebar-bg:           #1f2937;
    --sidebar-bg-hover:     #374151;
    --sidebar-bg-active:    rgba(107,114,128,.25);
    --sidebar-text:         #d1d5db;
    --sidebar-text-active:  #f9fafb;

    --header-bg:            #111827;
    --header-border:        #374151;
    --header-text:          #f9fafb;
    --header-text-muted:    #9ca3af;

    --workspace-border-color: #6b7280;

}

[data-theme="owner"] {

    --role-50:  #fffbeb;
    --role-100: #fef3c7;
    --role-200: #fde68a;
    --role-300: #fcd34d;
    --role-400: #fbbf24;
    --role-500: #f59e0b;
    --role-600: #d97706;
    --role-700: #b45309;
    --role-800: #92400e;
    --role-900: #78350f;

    --role-accent:       #f59e0b;
    --role-accent-hover: #d97706;
    --role-accent-light: #fef3c7;

    --sidebar-bg:           #1c1408;
    --sidebar-bg-hover:     #2d2010;
    --sidebar-bg-active:    rgba(245,158,11,.20);
    --sidebar-text:         #fef3c7;
    --sidebar-text-active:  #fcd34d;

    --header-bg:            #141004;
    --header-border:        #92400e;
    --header-text:          #fef3c7;
    --header-text-muted:    #fbbf24;

    --workspace-border-color: #f59e0b;

}

[data-theme="admin"] {

    --role-50:  #faf5ff;
    --role-100: #f3e8ff;
    --role-200: #e9d5ff;
    --role-300: #d8b4fe;
    --role-400: #c084fc;
    --role-500: #a855f7;
    --role-600: #9333ea;
    --role-700: #7e22ce;
    --role-800: #6b21a8;
    --role-900: #581c87;

    --role-accent:       #a855f7;
    --role-accent-hover: #9333ea;
    --role-accent-light: #f3e8ff;

    --sidebar-bg:           #1a0a2e;
    --sidebar-bg-hover:     #2a1050;
    --sidebar-bg-active:    rgba(168,85,247,.20);
    --sidebar-text:         #f3e8ff;
    --sidebar-text-active:  #d8b4fe;

    --header-bg:            #120720;
    --header-border:        #6b21a8;
    --header-text:          #f3e8ff;
    --header-text-muted:    #c084fc;

    --workspace-border-color: #a855f7;

}

[data-theme="manager"] {

    --role-50:  #eff6ff;
    --role-100: #dbeafe;
    --role-200: #bfdbfe;
    --role-300: #93c5fd;
    --role-400: #60a5fa;
    --role-500: #3b82f6;
    --role-600: #2563eb;
    --role-700: #1d4ed8;
    --role-800: #1e40af;
    --role-900: #1e3a8a;

    --role-accent:       #3b82f6;
    --role-accent-hover: #2563eb;
    --role-accent-light: #dbeafe;

    --sidebar-bg:           #0a1628;
    --sidebar-bg-hover:     #142240;
    --sidebar-bg-active:    rgba(59,130,246,.20);
    --sidebar-text:         #dbeafe;
    --sidebar-text-active:  #93c5fd;

    --header-bg:            #060d1a;
    --header-border:        #1e40af;
    --header-text:          #dbeafe;
    --header-text-muted:    #60a5fa;

    --workspace-border-color: #3b82f6;

}

[data-theme="representative"] {

    --role-50:  #f0fdfa;
    --role-100: #ccfbf1;
    --role-200: #99f6e4;
    --role-300: #5eead4;
    --role-400: #2dd4bf;
    --role-500: #14b8a6;
    --role-600: #0d9488;
    --role-700: #0f766e;
    --role-800: #115e59;
    --role-900: #134e4a;

    --role-accent:       #14b8a6;
    --role-accent-hover: #0d9488;
    --role-accent-light: #ccfbf1;

    --sidebar-bg:           #041a18;
    --sidebar-bg-hover:     #082e2a;
    --sidebar-bg-active:    rgba(20,184,166,.20);
    --sidebar-text:         #ccfbf1;
    --sidebar-text-active:  #5eead4;

    --header-bg:            #021410;
    --header-border:        #115e59;
    --header-text:          #ccfbf1;
    --header-text-muted:    #2dd4bf;

    --workspace-border-color: #14b8a6;

}
