/**
    Theme styles for Link component - visual appearance and branding
**/

.RCB-link {
    // Primary appearance (default link styling)
    &-primary {
        color: #3e71f2;
        
        &:hover {
            color: #3865d9;
        }
        
        &:active {
            color: #3e71f2;
        }
        
        &:visited {
            color: #6f42c1;
        }
    }
    
    // Secondary appearance
    &-secondary {
        color: #6c757d;
        text-decoration: none;
        
        &:hover {
            color: #495057;
            text-decoration: underline;
        }
        
        &:active {
            color: #343a40;
        }
    }
    
    // Danger appearance
    &-danger {
        color: #dc3545;
        text-decoration: none;
        
        &:hover {
            color: #c82333;
            text-decoration: underline;
        }
        
        &:active {
            color: #bd2130;
        }
    }
    
    // Success appearance
    &-success {
        color: #28a745;
        text-decoration: none;
        
        &:hover {
            color: #218838;
            text-decoration: underline;
        }
        
        &:active {
            color: #1e7e34;
        }
    }
    
    // External link styling
    &-external {
        .RCB-link-external-icon {
            color: currentColor;
            opacity: 0.7;
        }
        
        &:hover .RCB-link-external-icon {
            opacity: 1;
        }
    }
}